Bush School IDMD Spring Semester 2021
Data Visualization Project
Goals
The purpose of this exercise is to give you a chance to create a data visualization using p5.js.
Specification
In this assignment you should create a unique data visualization using a small set of data (of any kind). Your program must dynamically create the visualization from the data set (this means I should be able to change your data, and the visualization will change too). Your visualization should be graphically interesting, and should include some sort of user interaction or changes based on actions the user takes.
Your program should use loops(for or while, or both), arrays, functions and parameters. The birthday visualization we created is a good example of what is expected. Sample code is provided to understand the basics of parameter passing and return values from functions.
This is a much more challenging assignment then past assignments and as such you will have two weeks to complete it. You should complete your program in stages, and reach out to me if you get stuck or need any help along the way. Please conference with me if you need help getting started with thsi assignment!
Tips
- Choose a small dataset, or a subset of a large data set
- Sketch and plan your ideas before you start to code
- Start small, get small pieces working first; don’t try and write your code all at once
- Add in the user interactions last, after you get the visual representation of the data working
Optional Extensions
- Learn how to read your data from a .csv into an array, instead of storing the data directly in your program
- Build tools that let your users manipulate the data visualization on screen
Submission
- Your code should have a top comment block with your name, last edited date, and a brief description of the entire program
- Each line in setup and draw should have a comment
- Each function that you created should have a top comment briefly explaining what that function does (note that setup and draw do not need top comments)
- Add your data visualization project to your Github portfolio
- If you are comfortable with HTML, you can ad some images/video
Inspiration
- Dear Data
- Information is Beautiful
- Data Visualizations by Nick Feltron
- Udacity Visualization Blog Post