Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Map with D3.js!

Public visualization

World Map with D3.js!

0 stars0🌍 Public
DDINESH SAI BOPPANA
Last edited Jul 8, 2022
Created on Jul 7, 2022

This example displays a world map as an SVG, with pink countries outlined in red against a blue spherical backdrop. It uses d3.geoNaturalEarth1 for the projection and d3.geoPath to generate paths from TopoJSON data loaded from the world-atlas package. A sphere path is drawn first, followed by country features from the dataset. Hovering over a country changes its fill color, demonstrating basic interactivity within a D3 v5 workflow.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed