Viewing a saved revision (read-only)
bcef2adbb3da49b2bb8784f2c5d71169
Fork of USA Map 2
This interactive map shows US state home price performance as a choropleth, colored by seasonally adjusted one-year returns, alongside city markers sized by population. Hovering reveals detailed tooltips for both states and cities. It uses D3.js v7 with `d3.geoAlbersUsa` and `d3.geoPath` to render TopoJSON state boundaries, plus `d3.scaleSequential` for color encoding and `d3.scaleSqrt` for circle sizes. Data comes from two CSV files covering state-level price indices and city-level housing metrics.
AI-generated descriptionUS State Home Price Performance Map
This interactive visualization shows home price performance metrics for US states using D3.js. The map displays seasonally adjusted performance metrics for different time periods.
Features
- Choropleth map of US states colored by 1-year home price performance
- Interactive tooltips showing detailed performance metrics when hovering over states
- Color legend to interpret the values
- Responsive design
Data
The map uses the following metrics for each state:
- Rank: State ranking based on performance
- SA 1 Period: Seasonally adjusted performance for most recent period
- SA 1 Year: Seasonally adjusted 1-year performance
- SA 5 Year: Seasonally adjusted 5-year performance
- SA Since 1991: Seasonally adjusted performance since 1991
Technologies Used
- D3.js for data visualization
- TopoJSON for map data
- HTML/CSS for layout and styling
How to Use
- Open the index.html file in a modern web browser
- Hover over states to see detailed information
- Refer to the color scale at the bottom to interpret values