Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE - Eight 1B - Madagascar Map

Public visualization

ICE - Eight 1B - Madagascar Map

0 stars1🌍 Public
CChi Aghaizu
Last edited Apr 11, 2023
Created on Apr 7, 2023

This example displays a choropleth-style map of Madagascar, with the country’s boundary rendered in orange and its interior filled with light green. The map highlights regions on hover by turning them yellow. Built with D3 v7 and TopoJSON, it loads world-atlas country data, filters to Madagascar, and projects the geometry using `d3.geoMercator` with `fitSize`. Paths are generated via `d3.geoPath` and rendered as SVG, with mouse events changing fill colors.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed