Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Points on a Map

Public visualization

Viewing a saved revision (read-only)

c1fd3085d6654ee4be8f36d20463acec

Points on a Map

0 stars0🌍 Public
Yyejichun@naver.com
Last edited Dec 21, 2021
Created on Dec 21, 2021
Forked from World 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 description

A program that loads in some data about CSS named colors using D3 utilities, and uses React state to render the data.