Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Points on a Map - React, D3

Public visualization

Viewing a saved revision (read-only)

902ce544815e483094e33840b9bd949f

Points on a Map - React, D3

0 stars0🌍 Public
NNelson M
Last edited Mar 27, 2024
Created on Nov 23, 2023

This example displays a world map with city points, using a natural Earth projection to render country boundaries, graticules, and interior borders from World Atlas TopoJSON data. City locations are plotted as semi-transparent circles based on latitude and longitude coordinates loaded from a CSV file. The visualization is built with React for component structure and D3 v5’s `geoNaturalEarth1`, `geoPath`, and `geoGraticule` for map geometry, rendered as SVG elements.

AI-generated description

A world map showing country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.