Skip to content

Latest commit

 

History

History
 
 

README.md

Make a Data Visualization

In this assignment you will create a picture that will help in understanding an array of data. You may find slides TBD of the TBD presentation helpful. Your program should use a variety of the Processing graphics functions. You will also define two functions:
public void setup()
public void draw()
Scroll down to see links to samples of other students submissions for this assignment. Have fun and be creative! Your data visualization doesn't have to look like anyone else's.

Suggested steps to complete this assignment

  1. For this assignment you are welcome to collaborate with a partner. You can both work on the same visualization, or you can share a data set and each create a different visualization.

  2. Fork and Clone down this repository, just like you did for the Sample Assignment

  3. To start, you will need some data. You can use data you find on the Internet or create your own. You should then put your data into an array.

  4. Once you've collected data, you can start coding. Start Processing (or the Sublime program) and choose File | Open Folder then browse to and open the DataVisualization folder. Some ideas for visualizations include:

    • Changing opacity so frequently occuring values are brighter
    • Changing size so frequently occuring values are larger
    • Creating a bar graph
    • Creating an interactive map
    • Creating a color grid
    • Using a Chernoff face
    • Visiting the Data Visualisation Catalogue for examples of other types of visualizations
    • Create your own visualization, your visualization doesn't have to look like any other. Have fun and be creative!
  5. Modify index.html to personalize the title, headline and footer and save your changes by choosing File | Save

  6. Write your Java code in the DataVisualization.pde file. Run your program in Sublime by choosing Tools | Build

  7. add, commit and push your work to GitHub just like you did for the Sample Assignment

  8. Publish your website by choosing master branch in the GitHub Pages section of Settings. This will create a URL "link" to your website

  9. Submit your URL link to google classroom

Samples of Student Work

Katherine
David
JT
Freesia
Gordon
Jan
Andrew
Maya
David
Victor & Justin
Marc
Justin
Henry
Jared
Chao

This assignment is based on Jer Thorp's Getting Started with Processing and Data Visualizations