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)

4b349353d93f4e618d694d1f79328551

Let's make a map with D3.js

0 stars1🌍 Public
Ssakhabutdinov
Last edited Nov 9, 2019
Created on Nov 7, 2019

This example displays a world map rendered as SVG paths, with countries filled in light green against a blue spherical backdrop. It loads geographic data from the world-atlas TopoJSON dataset and converts it to GeoJSON using the topojson `feature` method. The visualization projects the coordinates with `geoNaturalEarth1` and traces country boundaries via `geoPath`, while drawing the globe outline with a sphere path generator. The layout uses a fixed 960×500 SVG canvas with simple CSS styling.

AI-generated description

An example showing the capabilities of VizHub.