Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 8 TASK 5 Map

Public visualization

Viewing a saved revision (read-only)

f9f80297e6c340e283ab87f51117397a

Activity 8 TASK 5 Map

0 stars0🌍 Public
Ssreekarthanda@gmail.com
Last edited Jul 18, 2023
Created on Jul 18, 2023
Forked from Hello VizHub

This interactive choropleth displays a world map using light green countries against a sky-blue ocean, rendered as SVG paths with indigo borders. It highlights individual countries in maroon when hovered. Built with D3 v5, the visualization loads GeoJSON country boundaries from the world-atlas dataset, applies an equirectangular projection via `d3.geoPath` and `d3.geoEquirectangular`, and converts TopoJSON features using the `topojson.feature` API. Users can pan and zoom the map using the included D3 `zoom` module, which transforms the SVG group on zoom events.

AI-generated description

A demonstration of how to start using D3 version 6.