Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a map with D3.js!

Public visualization

Viewing a saved revision (read-only)

33c55c7696f0435d80b9f2571420e842

Let's make a map with D3.js!

0 stars1🌍 Public
NNameeeee
Last edited Mar 2, 2020
Created on Mar 2, 2020

A concise D3.js map creation demonstrates how to visualize geographic data. The example renders a world map using the Natural Earth dataset, displaying countries as light green shapes with subtle black strokes against a blue sphere background. The code employs `d3.geoPath` and `d3.geoNaturalEarth1` for map projections and SVG path generation, alongside `topojson`'s feature function to convert TopoJSON data. Styling is defined in CSS, and the map is displayed within a 960x500 SVG canvas.

AI-generated description