To get a C (75):
- Create a bar chart with axes and uniformly placed marks on the x- and y-axes, and data labels on each bar for a single variable
- The x- and y-axes must have axis labels
- The chart must have a descriptive title
- The data must be loaded from a CSV file
To get a B (85):
- Complete the requirements for a C and
- Create a scatter plot with axes, marks for two variables, and labels for the x- and y-axis
- The chart must have a descriptive title
- Load the data from a CSV file
To get an A(95):
- Complete the requirements for a B and
- Create a heatmap or a boxplot for a single variable.
- Display at least 5 cities if you choose to implement the heatmap.
- Hint: Use built-in d3 functions for aggregation.
- Load the data from a CSV file
To get an A+ (100):
- Complete the requirements for an A and
- Create a histogram for an attribute that displays the distribution of that variable
- Load the data from a CSV file
- Incorporate interaction in the form of tooltips for any one of the visualizations
Extra credit:
- Create a bar chart (from a CSV file) that uses the log scale (2 points)
- Incorporate interaction in the form of tooltips for all the visualizations (5 points)
Notes:
- There are many d3 examples online. If you use parts of an example or refer to one for your assignment, please make sure to mention that in the code very clearly. You will get a 0 on the entire assignment, if you do not cite your references.
- Points will be deducted for bad/wrong chart design. Refer to Chapter 1 and/or check with us if you have any questions about your design.
- You will lose points if you do not read data from a CSV file.
Submitting the assignment
- For every visualization, post a link to your Vizhub sketch (mark it private, invite the TA and me as collaborators) and test it out before posting a link to it on your own website.
- Submit a link to your website on Canvas.