the-state-of-housing Svelte Themes

The State Of Housing

๐Ÿ  The State of Housing in America: How do median prices and inventory compare in your county?

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

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 data from Realtor.com. Monthly inventory -> Historical data -> County. And Weekly inventory -> National (View US Data) into tasks/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

Top categories

Loading Svelte Themes