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)

eb995cb65ad94427a8577c7036a96382

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

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.