Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

React & D3 Vibecoding Starter

Public visualization

React & D3 Vibecoding Starter

0 stars0🌍 Public
SSathviKankanala@my.unt.edu
Last edited Nov 11, 2025
Created on Nov 11, 2025
Forked from HTML Starter

This example displays a choropleth map of the United States, where state fill darkness corresponds to population values from a small inline dataset. It uses D3 v7 and topojson-client to load and convert US Atlas TopoJSON into GeoJSON features, then renders them as SVG paths via `d3.geoPath` and a `d3.geoAlbersUsa` projection. A `d3.scaleLinear` maps population extents to a blue color range, with unlisted states shown in gray. Hovering reveals a tooltip with each state's name and population via an appended `<title>` element.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed