This map can be used to view population and educational statistics about different counties in Washington state. Click on a county to view:
- Its population broken down by age group and gender
- The percentage of the population by educational achievement category (e.g. bachelor's degree, high school diploma)
- The median income per educational achievement category
We were highly interested in geographic data and elements of the US Census. Using a map is an intuitive way to filter and display multidimensional data when applicable. Furthermore, it is an ideal medium for encouraging civic awareness as people can relate abstract data to physical areas that they are familiar with. We combined geojson and topojson files from J. Goodall's US Maps Repo with data from the 2013 US Census American Community Survey on Educational Attainment to produce the visualizations in this project.
- Map of Washington with county outlines displayed. County tiles are clickable.
- When a county is selected, the user is presented with data on county population, educational attainments, and median income levels by education category. These statistics can be viewed in aggregate, or split by gender.
- When the user selects a second county, she can see a comparison between the two counties.
- Not all graphics can be toggled between gender and total population views.
- Comparing two counties is not yet implemented.
- Graeme Britz: Was heavily involved with early iterations of development and setting up project architecture. He was primarily responsible for displaying and rendering the maps, finding and processing the geo-data, processing the educational data, and getting the graph components to talk to eachother. He also is the main author for this writeup. Estimated time worked, 20-25 hours
- Rama Gokhale: Found the educational dataset for us to use and developed two of the three graphs seen when clicking on a county. She also drew the storyboard images. Estimated time worked, 17-20 hours
- Johnson Goh: Helped find the geo-data and was involved with early iterations of development and exploration. He developed the income graphic seen when clicking on a county and made some improvements to the map interface. Estimated time worked, 10-15 hours
We were all surprised at how much time was spent finding appropriate data and getting it into the correct format. Around two-thirds of the total time spent was in finding and processing the data and iteratively exploring what could be done with it. The remaining time was spent on producing the final visualizations submitted.
With more time, we would have liked to implement county comparisons. Additionally, we would have liked to explore using chloropleths to display this data in a different way.
This project was built as a front-end heavy express.js application. In case the reader is not familiar with express.js, this means that the main parts of interest would be found in the public
folder and in the views
folder. Additionally, the data-processing
folder contains scripts used to transform datasets. The datasets of interest can be found in public/datasets/reference
and public/datasets/topojson
.
This project can be seen live here. If that link is down for some reason, below are instructions for building locally. These instructions have only tested on OSX
- Clone this repository into your local folder.
- Run
npm install && bower install
- Run
grunt
- The application should now be available at
localhost:3000
- node.js and npm
- bower.js
- grunt.js
Note: Each of these tools should be available on your shell path to work with the instructions above.
- Graeme Britz ([email protected])
- Rama Gokhale ([email protected])
- Johnson Goh ([email protected])