🌍 Public
Viewing a saved revision (read-only)
049f91926757463293a34095726d5299
Fork of Loading Data with React & D3
This example displays a choropleth map of the UK's European Electoral Regions, rendered as shaded polygons with gray fills and teal borders on a blank canvas. It loads GeoJSON boundary data from a GitHub repository using `d3.json`, then projects the coordinates with `d3.geoMercator`. The map is drawn through `d3.geoPath` directly onto a Canvas context, with React managing the page structure but not the map’s state. The visualization demonstrates combining D3’s geographic utilities with a canvas-based rendering pipeline.
AI-generated descriptionA program that loads in some data about CSS named colors using D3 utilities, and uses React state to keep track of the data.