D3 Tutorial

A step by step tutorial project to build an interactive map with D3.js

  1. Introduction and finding data.
  2. Prepare your mapdata with QGIS.
  3. Demo 3
    Render a map.
  4. Demo 4
    Enhance to a choropleth.
  5. Demo 5
    Zoom functionality.
  6. Demo 6
    Add labels to the map.
  7. Demo 7
    Adding a legend to interpret the data.
  8. Demo 8
    Interactive tooltips for detailed information.
  9. Demo 9
    Display several years of data with a time series.