Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mexico Map

Public visualization

Viewing a saved revision (read-only)

2a34406c1d95409ba6f1131800cef3f4

Mexico Map

0 stars0🌍 Public
Ppavan0828
Last edited Jul 10, 2022
Created on Jul 10, 2022
Forked from Mexico Map

This example displays an interactive map of Mexico's regions, rendered as SVG paths using the D3.js `geoMercator` projection and `geoPath` function. The map is built with React, loading TopoJSON data from a GitHub gist via the `topojson` library's `feature` function. A graticule overlay uses the `geoGraticule` API, and the regions adopt a gray fill color from the CSS, with hover states that change the stroke to pink.

AI-generated description

React Starter code.