Affordable Housing is a broad subject, with many causes and solutions that vary depending on your location.
In Durham North Carolina one of the main drivers to a lack of affordable housing is the large economic
disparity of its citizens. Half of the city is a World class center for research and technology, while the
other half is a recovering post industrial tobacco and textile mill town. Durham has been ranked one of the
most affluent towns in America, based on income and affordability. However, it has also been ranked as having one of the
highest wage inequalities in America.
These contrast create a housing market the has the potential to become unaffordable for many of its citizens. This is what the Code for Durham Affordable Housing App with focus on first. Is the housing in Durham becoming unaffordable for many of its citizens? The App will utilize the cities property parcel data and Neighborhood Compass data to analyze the current and past cost of single family homes, as well as looking at the change in non-owner occupied homes.
The existing maps were derived using d3 and Vue, along with additional resources:
The data for the map was obtained from the NC OneMap and the Durham Neighborhood Compass.
Additional information on how to process these data sets go to the datahub data wrangling GitHub repository.
This application is currently configured to access data in this Apps statics directory. However, you can also set it up to access the data through a Django Rest Framework (DRF). For more information on how to setup and running the DRF for this project, go to the datahub-be GitHub repository. You will also need to uncomment the sections in the following files:
- src/components/graphs/durhambgs00-map/index.vue
- src/components/graphs/durhambgs1317-map/index.vue
- src/components/graphs/durhamtrts-map/index.vue
- src/components/graphs/durhambgs00-map/mapcartogram.vue
- src/components/graphs/durhambgs1317-map/mapcartogram.vue
- src/components/graphs/durhamtrts-map/mapcartogram.vue
that include reference to URL http://127.0.0.1:8000/api/ and then comment out the reference to statics/data/ below it.
Along with Vue, this application also utilizes the Quasar Framework. Further information on how to run setup and run a Quasar project is listed below.
A Quasar project
# install quasar globally, then
# install dependencies
$ npm install
# serve with hot reload at localhost:8080
$ quasar dev
# Or use npm to run dev server
$ npm run dev
# build for production with minification
$ quasar build
# lint code
$ quasar lint