Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

A9: D3 Proportional Symbol Map

Public visualization

A9: D3 Proportional Symbol Map

0 stars0🌍 Public
Rronnieferrufino4908@gmail.com
Last edited Apr 16, 2025
Created on Apr 16, 2025
Forked from HTML Starter

This proportional symbol map shows the relative cost of living across US states using colored circles sized by each state’s cost index, with tooltips on hover. The visualization loads US state boundaries from a TopoJSON file via `d3.json` and `topojson.feature`, then plots the CSV data points using `d3.geoAlbersUsa` and `d3.geoPath`. Circle radius and fill color are scaled with `d3.scaleSqrt` and `d3.scaleLinear`, respectively. It uses D3 v7 with SVG rendering, a color legend, and animated opacity and stroke transitions for interactive highlighting.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed