🌍 Public
Viewing a saved revision (read-only)
c4575676e50a4689b8f6866673a19177
D3 world map example with TopoJSON to GeoJSON and circular indicators
AAxVa 🐍 💪
Last edited Feb 21, 2024
Created on Feb 17, 2024
Forked from D3 circle barchart with nested data() and join()
A world map rendered with D3 v7 displays Nobel Prize winner counts per country using circular indicators scaled by value. The visualization loads TopoJSON world data, converts it to GeoJSON via the `topojson` library, and projects it using `d3.geoEquirectangular` with `d3.geoPath`. Country data from a CSV file is joined to map geometries, with red semi-transparent centroids sized by a square-root scale. Interactive mouse events trigger tooltips showing country names and prize counts, while graticule lines and internal borders provide cartographic context.
AI-generated descriptionD3 TopoJSON GeoJSON example with value indicators
Visit https://github.com/ax-va/Interactive-Data-Visualization-Dale-2023