🌍 Public
Viewing a saved revision (read-only)
4e02f4b26c904c0a9d7882c0d09e55bf
Proportional symbols map
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 descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.