Skip to content
No description, website, or topics provided.
Branch: master
Clone or download
Pull request Compare This branch is 42 commits ahead of APCSPrinciples:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore
AaronDataViz.PNG
ChaoViz.PNG
CherylTitanic.png
DataVisualizationClaireBeaudin.PNG
DavidViz.PNG
Francheska.PNG
FreesiaViz.PNG
GabrielDataViz.png
GabriellaDataViz.png
IanDataViz.gif
JesusViz.PNG
KatherineViz.PNG
KazudataPhoto.png
KellyDataViz.png
KendrickDataViz.PNG
KennethData.PNG
KennethDataViz.png
MaanavDataViz.PNG
MadelineDataViz.png
MarjkellyCyrille.JPG
MarlonDataVisualization.png
MayaViz.PNG
MichealDataViz.PNG
Pi chart Francheska.PNG
Qi data visualization.PNG
README.md
SteveDataViz.png
TheoDataVisSnip.png
maklivansdatavis.png

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 apjavaProcessing slide presentation helpful. Your program should use a variety of the Processing graphics functions. You will also define two functions:
void setup()
void draw()
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

  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. 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.

  3. 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!
  4. 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 DataVisualization.

  5. 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 Processing folder in your My Documents folder.

  6. When you are done, submit your code in Google classroom by browsing to your DataVisualization.pde file. 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.

  7. For full credit you should also submit a screenshot. In Windows, one way to take a screenshot is with the Snipping Tool.

Optional

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

Cheryl
Kendrick
Francheska
Max
Kelly
Ian
Claire
Theo
Gabriella
Marvin
Madeline
Aaron
Marjkelly & Cyrille
Kazu
Maanav
Marlon
Kenneth
Gabriel
Steve
Kenneth
Michael
Katherine
David
JT
Freesia
Gordon
Jan
Andrew
Maya
David
Chao

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

You can’t perform that action at this time.