Assignment 2 - Data Visualization using P5 - (50 points)



Due Date: 2/19/2016 at 11:59pm

Objectives:



  • Familiarize yourself with P5.js
  • Create basic visual representations of data sets

Load a CSV file



Create an interactive visualization using P5 that can load a CSV file and visualize it. For this assignment, you will implement the following visualization techniques:

  • A bar chart (10 points)
  • A stacked bar chart (10 points)
  • A scatterplot (10 points)
  • A line graph (10 points)
  • A box plot (10 points)
Make sure to have meaningful axes to the visualization. Interactively highlight data (change color of data element and provide tooltip with actual data values) based on mouse pointer position.

Submitting the Assignment



Submit a link to the following in a single zip file on your blog

  • Your 5 separate visualizations should be posted on your CS website and a link to those visualizations with thumbnail images should be posted on your blog
  • A detailed README on your blog