Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-8: Fork of world map with D3.js

Public visualization

ICE-8: Fork of world map with D3.js

0 stars1🌍 Public
Mmanasanimmagadda13
Last edited Apr 3, 2022
Created on Mar 30, 2022

This visualization displays a world map with countries rendered as green filled areas outlined by faint brown borders, all set against a blue oceanic sphere. The map is drawn using an SVG canvas and the D3.js library, specifically leveraging the `geoNaturalEarth1` projection from D3's geo module to transform geographic coordinates. Country boundaries are sourced from the `world-atlas` dataset, fetched via a JSON URL, and processed through the `topojson` package's `feature` function to convert the data into spatial features. The code uses `geoPath` to generate SVG paths for each country, dynamically appending them to the canvas.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed