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)

87c48eca12124923bdbf8f38ace2cb07

Let's make a map with D3.js!

0 stars1🌍 Public
Ssrrajendran
Last edited Oct 25, 2018
Created on Oct 10, 2018

This example demonstrates how to create a world map using D3.js and TopoJSON. It displays countries as light green geographic regions against a blue sphere, using the Natural Earth projection via `d3.geoNaturalEarth1` and rendering paths with `d3.geoPath`. The map loads geographic data from the world-atlas TopoJSON file, extracting country features with the `feature` method from topojson. SVG paths are appended for each country, with styling applied through CSS classes for the sphere and country boundaries.

AI-generated description