Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Let's make a Map with D3.js!

Public visualization

Fork of Let's make a Map with D3.js!

0 stars1🌍 Public
CCarloWK1202
Last edited Jul 14, 2022
Created on Jul 14, 2022

This example displays a world map using a natural Earth projection, with countries rendered as light green paths and the ocean as a light blue sphere. It loads geographic data from the World Atlas TopoJSON dataset at 110m resolution, converts it to GeoJSON using `topojson.feature`, and renders it with `d3.geoPath` and `d3.geoNaturalEarth1`. The D3 v5 selection and data join methods (`select`, `append`, `data`, `enter`) generate the SVG paths, with styling applied via CSS classes.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed