Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

A9 - Proportional Symbols Map in D3

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed