Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

A9 - Proportional Symbols Map in D3

Public visualization

Viewing a saved revision (read-only)

745ca781b3824e2bb06ec95d97752858

A9 - Proportional Symbols Map in D3

0 stars0🌍 Public
RRiya Mathur
Last edited Apr 2, 2024
Created on Apr 1, 2024
Forked from HTML Starter

This D3.js proportional symbols map visualizes the cost of living index across US states. Gray states are drawn with the `d3.geoAlbersUsa` projection and `d3.geoPath`, while semi-transparent red circles, sized by a square-root scale, are placed at state coordinates derived from an external latitude/longitude source. A legend displays four bubble sizes with corresponding index values. Hovering over a circle reveals a tooltip with the state name and cost index. Data is loaded via `d3.json` and `d3.csv`.

AI-generated description