Make a Data Visualization
In this assignment you will create a picture that will help in understanding an array of data. You may find apjavaProcessing slide presentation helpful. Your program should use a variety of the Processing graphics functions. You will also define two functions:
Scroll down to see screenshots 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
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.
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.
Once you've collected data, you can start coding. 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!
Save your work each day by choosing File | Save. The first time you save your program, you'll be prompted to give it a name. Choose a meaningful name like
When you come back the next day, one way to find your program is to choose File | Open Recent. The code is stored in a folder in the
Processingfolder in your
When you are done, submit your code in Google classroom by browsing to your
DataVisualization.pdefile. The path should be
My Documents | Processing | DavaVisualization. If you worked with a partner, both you and your partner should submit the same code to Google Classroom.
For full credit you should also submit a screenshot. In Windows, one way to take a screenshot is with the
If you would like to add images to your visualization, you might want to read the documentation for
PImage, Processing's data type for images.
Samples of Student Work
Marjkelly & Cyrille
This assignment is based on Jer Thorp's Getting Started with Processing and Data Visualizations