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)

fbd6aa4ddd694a59b0e812e242f790cc

Let's make a map with D3.js!

0 stars0🌍 Public
LLittledevil7
Last edited Apr 21, 2020
Created on Apr 21, 2020

This example demonstrates how to construct a world map using D3.js, rendering individual countries as SVG paths with light green fills over a blue spherical background. The visualization loads geographic data from the world-atlas TopoJSON dataset and applies a geoAzimuthalEquidistant projection, clipped to a rectangular viewport using geoClipRectangle. It relies on d3.geoPath to generate the SVG paths and topojson.feature to convert the TopoJSON topology into GeoJSON features for display.

AI-generated description