🌍 Public
Viewing a saved revision (read-only)
e272346b271e478ba922a4fdf871c896
22. Making World Map using D3 and React
This example renders a world map using D3.js and React, displaying landmasses, graticules, and country interiors in a Natural Earth projection. It uses `d3.geoNaturalEarth1()` for the projection, `d3.geoPath` to draw geographic features, and `d3.geoGraticule` for the coordinate grid. Country boundaries are styled using CSS classes, with land filled in teal and interiors outlined. The map data comes from the `world-atlas` package, which is loaded via `d3.json()` and processed with `topojson` functions `feature()` and `mesh()`. The rendering is done through SVG elements within a React component.
AI-generated descriptionA scatter plot of Data Canvas Sense Your City Dataset.