Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

Viewing a saved revision (read-only)

2796dcc4239c4e28a2f441676c8e0e67

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

0 stars3🌍 Public

This D3.js v4 world map visualizes birth rates per country using a Mercator projection, coloring each nation on a white-to-blue linear scale. The map draws country boundaries as SVG paths from a TopoJSON-to-GeoJSON dataset, with the `d3.geoMercator` and `d3.geoPath` APIs converting geographic coordinates into planar shapes. Circular indicators mark four specific cities—Fairbanks, Boston, Philly, and COS—positioned via the same projection. The choropleth colors are derived from a CSV file loaded through `d3.json` and `d3.csv` deferred queues.

AI-generated description