The State of Housing in America 🏠

An interactive data dashboard, visualizing housing prices and inventory across U.S. counties.

Live Demo 🌐

Filter by county size and state. Sort by metric

Search for your county

Latest Updates

June 5, 2025

• Added hover state to the bar charts in order to see exact values for the same month to compare year-over-year

May 20, 2025

• Added a new table view on county pages to show counties of similar size based on the number of households
• Started to centralize data across the application to improve state management
• Improved the appearance of active states on the table for sorting, filtering and data comparisons

Tech Stack 💻

• Frontend: Vanilla JS, D3.js, Svelte
• Backend: Python, pandas, Jupyter Lab (for data formatting)

Data Sources 📈

• Realtor.com for median listing price, active listing count and median days on market
  • Monthly inventory -> Historical data -> County. And Weekly inventory -> National (View US Data)
• U.S. Census for population

Features to add 📋

See the project board for features t/k

How to format the data

1. Download three csv files from Realtor.com into tasks/data. Don't change the name of the file.
   1. Monthly inventory -> Historical data -> County
   2. Monthly inventory -> Historial data -> National
   3. Weekly inventory -> National (View US Data)
2. cd tasks/
3. Make sure you have pipenv installed
4. pipenv install
5. pipenv shell
6. jupyter lab
7. Run the Jupyter Notebook

How to run the app locally and deploy

Dev

npm run dev

Build

npm run build

Deploy to GitHub pages

npm run deploy

Author

Katie Marriner · katiemarriner.com