Viewing a saved revision (read-only)
4be597ab1fd34af3a3113930cebe5fae
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 and City Housing Market Map
This interactive visualization shows housing market data for US states and cities using D3.js. The map combines state-level home price performance metrics with city-level housing market information.
Features
- Choropleth map of US states colored by 1-year home price performance
- City markers sized by population
- Interactive tooltips showing detailed metrics when hovering over states and cities
- Color and size legends to interpret the values
- Responsive design for various screen sizes
Data
The map uses two datasets:
State Data (data.csv)
- 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
City Data (data1.csv)
- City name and state
- Population
- Median Home Price
- Median Rent
- Household Income
- Job Growth Rate (%)
- Unemployment Rate (%)
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 state-level housing performance data
- Hover over city markers to see detailed city housing market information
- Refer to the color scale and size legend to interpret values