Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 8 Map

Public visualization

Activity 8 Map

0 stars0🌍 Public
Lleftymadi
Last edited Jul 5, 2023
Created on Jul 5, 2023
Forked from Hello VizHub

This interactive world map displays country boundaries using a light green fill on a sky-blue sphere, with indigo strokes and a maroon hover effect. The visualization loads GeoJSON data from the world-atlas TopoJSON file via `d3.json`, converts it with `topojson.feature`, and renders paths using `d3.geoPath` with a `geoEquirectangular` projection. Users can pan and zoom through `d3.zoom`, which applies transforms to the SVG. The map is built with D3 v5 and styled through a linked CSS file.

AI-generated description

A demonstration of how to start using D3 version 6.

Comments

Sign in to join the discussion.

MIT Licensed