Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Proportional symbols map

Public visualization

Viewing a saved revision (read-only)

4e02f4b26c904c0a9d7882c0d09e55bf

Proportional symbols map

0 stars0🌍 Public
Pprateekvasi
Last edited Apr 12, 2022
Created on Apr 12, 2022
Forked from HTML Starter

This proportional symbols map visualizes grocery costs across US states, with circles positioned at state centroids sized by cost and colored red for the most expensive states. The visualization is built with D3 v3, using `d3.geo.path` for the map, `d3.scale.sqrt` for circle sizing, and `d3.csv` to load the cost data. Interactive tooltips appear on mouseover, and a legend displays cost values. The SVG rendering includes animated opacity transitions for symbols and a static map base from topojson data.

AI-generated description

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

See also React Starter.