Export Code

Fork of USA Map 2

Nita

Last edited May 21, 2025
Created on May 14, 2025
Forked from USA Map 1

US 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

  1. Open the index.html file in a modern web browser
  2. Hover over states to see state-level housing performance data
  3. Hover over city markers to see detailed city housing market information
  4. Refer to the color scale and size legend to interpret values
MIT Licensed