GithubHelp home page GithubHelp logo

sid-kap / housing-data Goto Github PK

View Code? Open in Web Editor NEW
25.0 6.0 3.0 2.34 MB

Home Page: http://housingdata.app

JavaScript 0.20% CSS 3.73% Python 58.82% Shell 0.51% TypeScript 36.74%
housing yimby apartments construction census

housing-data's Introduction

housing-data

housingdata is a webapp that displays trends in housing contruction in US and Canada cities, counties, metro areas and states/provinces from 1980 to present.

The data comes from the US Census's monthly Building Permits Survey (data publicly available) and Statistics Canada's Building Permits survey (not publicly available at the city level, I had to purchase it).

Code structure

The raw data is stored as a combination of fixed-width, CSV, and Excel files at https://github.com/sid-kap/housing-data-data. I try to update the raw data files in that repo when BPS releases new data every month.

The raw data is converted to JSON files usable by the web front-end by python/pandas code that lives in python/. That code runs in every Vercel deploy, which runs after new commits in main. The JSON files are hosted as static assets by Vercel.

The front-end is written in React/Next.js and hosted by Vercel.

Getting Started

You should have yarn and poetry installed on your machine.

# Clone the raw data repo to ../housing-data-data
pushd ..
git clone https://github.com/sid-kap/housing-data-data
popd

# Set up the python venv
pushd python
poetry install
popd

# Run python code to build the static JSON files in ./public
./build_data_local.sh

# Run the local Next.js development server at http://localhost:3000
yarn dev

housing-data's People

Contributors

bfields avatar sid-kap avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

housing-data's Issues

Feature request: zoom (date range select)

2 requests:

  • The ability to zoom in on a portion of the map would be helpful.
  • The state comparisons should have an option to view per capita.

I'm happy to take a stab at either or both of these if it would be helpful.

Option to download values for figures to reformat externally

Feature enhancement request: it looks like the "view source" and Vega options only display the axis data but not the values for readily extracting. It would be nice to be able to quickly download the data underlying a comparison timeseries chart so it can be reformatted externally (i.e., without having to install the whole repo).

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.