globalavocado / D3-map

multi-layered D3 choropleth map

D3 map

objectives

a map showing different administrative boundary levels of Italy and some statistical data.

goals

done:

• load map data from two different TopoJSON files
• toggle map layers
• load data from a csv file
• add hover interaction / info functionality for polygons

wish list:

• add tooltips showing absolute numbers
• make colour palette more distinctive
• implement responsive design
• select different number of classes
• select different breaks (Equidistant, Quantile, Logarithmic, K-means)
• ...

libraries used

• D3.js v.4
• TopoJSON
• jQuery 3.2.1
• D3 chromatic scale

project status

in progress 👻

sources

• boundary data: ISTAT (Istituto Nazionale di Statistica)
• commune-level statistics: ANCI (Associazione Nazionale Comuni Italiani)