Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

A9 Proportional Symbols

Public visualization

A9 Proportional Symbols

0 stars1🌍 Public
NNoah C.
Last edited Apr 21, 2024
Created on Apr 2, 2024
Forked from A9 Choropleth

This proportional symbols map displays transportation costs for each US state, with the circle size encoding the cost amount and the color indicating whether a state ranks in the top ten most expensive. Rendered as an SVG via D3 v7, the visualization uses the `d3.geoAlbers` projection for the contiguous states, with separate `d3.geoMercator` projections for Alaska and Hawaii. State cost data is loaded from a Gist CSV, and the `topojson.feature` API draws state boundaries while circles are positioned using the `projection` function.

AI-generated description

Proportional symbols visualization of transportation costs by state made with D3. Reference: D3.js Choropleth Map Code Walkthrough

Hover over a county to see its name and transportation cost. Please fullscreen to see proper scaling.

Comments

Sign in to join the discussion.

MIT Licensed