Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

mexico svg

Public visualization

Viewing a saved revision (read-only)

aebf11db456748c5a88fec93e21170a2

mexico svg

0 stars0🌍 Public
MMarcus
Last edited May 22, 2022
Created on May 22, 2022

This example displays a vector map of Mexico using a single SVG path, with a simple React component that reports whether external CSV data has loaded. It uses React state to track the data and the `useState` hook, while D3’s `csv` utility fetches a list of named colors from a GitHub gist. The map itself is rendered as raw SVG path data using React and D3 v7, with the visualization sized to the full browser window.

AI-generated description

A program that loads in some data using D3 utilities, and uses React state to keep track of the data.