Datavis of design census results
HTML CSS JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
assets
css
data
fonts
js
README.md
index.html

README.md

Design Census 2016

Data visualization of AIGA's design census results.

How to run this

  • Run a localhost webserver, so you can run the website locally
    • On Mac:
      • Assuming this repo is in your user folder called Downloads
      • Open the application Terminal, type cd ~/Downloads/Design-Census/
      • Then type python -m SimpleHTTPServer 9000
      • Open a browser window and go to http://localhost:9000/, the site should display
    • On Windows:
      • Install a local webserver app like MAMP
      • Run MAMP and check what the default port is in its settings (example: 8080, 9000, etc)
      • Open a browser at localhost with whatever port is used by MAMP (example: http://localhost:8080/)

Notes on the code

  • The data (in the data/ folder):
    • PRODUCTION-questions_cleaned.json : file containing the questions from the census
    • PRODUCTION-us_cleaned.csv : file containing the answers in the US from the census
  • The code for the graph:
    • All the code is in index.html
    • The graph uses the Javascript library D3.js. It's a bit difficult to learn, but this might be a good place to start learning it!