Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Map with D3.js!

Public visualization

Map with D3.js!

0 stars0🌍 Public
Mma-jacobs
Last edited Mar 29, 2023
Created on Mar 29, 2023

This example displays a world map rendered as an SVG, with countries filled in light green against a blue ocean background. It uses D3.js version 5 to load geographic data from the World Atlas TopoJSON file and convert it to GeoJSON features. The map is drawn with the `d3.geoPath` and `d3.geoNaturalEarth1` projection, while `topojson.feature` extracts country boundaries from the dataset. The code appends paths for the sphere and each country, applying basic styling from an external CSS file.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed