Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

world map

Public visualization

Viewing a saved revision (read-only)

d72d3bdf1fff4438a1c93a5de60182a9

world map

0 stars0🌍 Public
LLeandro Da Souza
Last edited Apr 1, 2021
Created on Apr 1, 2021
Forked from Line Chart

This example displays a world map using a Natural Earth projection, showing graticule lines, landmasses, and interior boundaries. The visualization loads country topology data from the world-atlas package via a JSON URL, then processes it with topojson’s `feature` and `mesh` functions. D3’s `geoNaturalEarth1` projection and `geoPath` render the map as SVG paths, with separate classes for the sphere, graticule, land, and interior shapes, styled via CSS. The React component uses a custom `useData` hook to fetch and transform the data asynchronously.

AI-generated description

using React to render and visualize United Nation Population in 2019

I dont know why this doesn't work