Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Fork of D3 world map example with TopoJSON to GeoJSON and circular indicators

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

a211b01eeb5b4097ad06f4119e6f795c

Open

Fork of Fork of Fork of D3 world map example with TopoJSON to GeoJSON and circular indicators

0 stars0🌍 Public
Gg_ivaska@coloradocollege.edu
Last edited May 6, 2024
Created on May 6, 2024

This example visualizes a choropleth world map where each country’s fill color reflects its birth rate, using a linear blue scale. It also plots four city locations (Fairbanks, Boston, Philly, COS) as small circles, positioned via a Mercator projection with `d3.geoPath`. The map is built with D3 v4, loading GeoJSON country boundaries and CSV data via `d3.json` and `d3.csv`. The code uses `d3.geoMercator`, `d3.scaleLinear`, and `d3.extent` to drive the color mapping and projection.

AI-generated description

D3 world map example with TopoJSON to GeoJSON and circular indicators

TopoJSON source: https://github.com/Kyrand/dataviz-with-python-and-js-ed-2/blob/master/Part_5_Visualizing_your_Data_with_Plotly_and_D3/Ch.15-21_Nobel_Dataviz_with_D3/static/data/world-110m.json

Visit https://github.com/ax-va/Interactive-Data-Visualization-Dale-2023