Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map practice

Public visualization

World Map practice

0 stars0🌍 Public
Ddankvader1
Last edited Jul 3, 2022
Created on Jul 3, 2022

This example displays a world map rendered with a natural Earth projection, showing countries filled in light green against a blue sphere backdrop. It loads geographic data from the world-atlas TopoJSON file and converts it to GeoJSON using topojson.feature. The visualization uses d3.geoNaturalEarth1 for projection, d3.geoPath to generate SVG paths, and appends country and sphere elements to the SVG canvas. The code applies styling through CSS classes for fills and strokes, with stroke opacity set to 0.1.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed