🌍 Public
Viewing a saved revision (read-only)
c1fd3085d6654ee4be8f36d20463acec
Points on a Map
This example renders a natural Earth projection map with graticules, country borders, and shaded landmasses using SVG. It loads world atlas TopoJSON data via `d3.json` and topojson’s `feature` and `mesh` functions, then draws paths with `d3.geoPath`. The map displays city points from a CSV dataset loaded with `d3.csv`, converted to numeric coordinates, though the points themselves are not yet drawn. React manages loading states for both datasets through custom hooks.
AI-generated descriptionA program that loads in some data about CSS named colors using D3 utilities, and uses React state to render the data.