Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map

Public visualization

Viewing a saved revision (read-only)

4dfde93a6f1d442b877d49dc5ade9d2b

World Map

0 stars0🌍 Public
SShmuel Leider
Last edited Jun 6, 2021
Created on Jun 6, 2021

This example displays a world map with country land masses in teal, political borders in lighter strokes, and graticules over a gray sphere. It visualizes geographic boundaries from the world-atlas TopoJSON dataset, rendered as SVG paths using D3’s `geoNaturalEarth1` projection and `geoPath`. React manages the component state and data fetching via a custom hook, while TopoJSON’s `feature` and `mesh` methods prepare the land shapes and interior borders for display.

AI-generated description

A scatter plot of Data Canvas Sense your City Dataset using D3 utilities, and uses React render the data.