IAT 355 Assignment 3

This is a small assignment to ready you for D3 Interaction. It is worth half the weight of the other assignments.

Programming

You are provided with a csv file that contains sales (in CAD) of cars, bikes, and trucks for every month in the year 2016.

You are required to Implement an interactive stacked bar chart, similar to the dancing histograms by Dix and Eliis on the page: http://www.meandeviation.com/dancing-histograms/. The data is about automobile sales. The x-axis should represent the month and the y-axis should represent the sales. When the user clicks on a category, the visualization should update such that the bars of the selected category align. Your visualization should have following features:

  1. Interaction (3) : Selecting a category either in the legend or in the bars should result in alignment of the bars of the selected category.
  2. Legend (1) : Create an interactive legend which shows the different categories and allows the user to align bars by clicking on a category in the legend
  3. Axes (0.5): The x and y axes should be created, and labelled appropriately.
  4. Labeling (0.5) : Each bar of each variable must have its numeric value shown as text.

Advice

Keep in mind the enter-update-exit selections while adding interactivity.

Advice

Labeling large values such as 100,000 can clutter your visualization. Try using symbols such as K for 1000, Thus 100,000 can displayed as 100K.

Data

A little automobile sales dataset: AutomobileSales.csv

Hand In

Please hand in (upload):
The code you wrote.

Be prepared to run the program in the Open Lab on March 10, and show it to the TA.

Due: Friday March 10 4:30PM