Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mexcio Regions Pass 2

Public visualization

Viewing a saved revision (read-only)

1d4bb214a55c41e08304fa914604107b

Mexcio Regions Pass 2

0 stars0🌍 Public
AAndres de la Garza
Last edited Jul 3, 2021
Created on Jul 3, 2021

This example displays a choropleth map of Mexico using a Mercator projection, coloring states by waste data from a CSV file. The visualization relies on `d3.geoMercator` and `d3.geoPath` to render state boundaries and graticules from TopoJSON data sourced from ArcGIS. React manages the component state, while `d3.csv` loads the waste kilograms per state, with missing data handled via a gray fill. The SVG output includes interactive tooltip hooks for potential mouseover events.

AI-generated description

used arcgis.com data for plotting states and boundaries mapshaper.org to create JSON of states witin mexico using mercator projection Still need to center on the rendered image