From CS 725/825 Spring 2018

CS725-S18: Homework 4

Contents (hide)

Due: February 7, 2018 before 9:30am

The goal of this week's assignment is to build a line chart and a bar chart in D3 using the AidData sample data we considered in ICW1.


This week's homework will be done using BlockBuilder (and thus and You will be creating two charts, a line chart and a bar chart, so you should have two separate pages (from here on, I'll call these blocks).


Copy the AidData example data into a separate spreadsheet. Consider your list of questions from ICW1. Find one that can be effectively answered with a line chart and one that can be effectively answered with a bar chart. You may need to create separate datafiles for each.

I encourage you to aggregate or reduce your data in some way rather than trying to show data for every country listed in the datafile. Your chart should be displayable in a typical browser window without scrolling.

Transform your data as needed and plan out your charts before you start coding.


Use D3.v4 to generate a line chart and a bar chart. Your charts must have labeled axes.

In the of each block:

In Blackboard, write a description on your experiences getting started and building your own charts with D3 (this should go in the edit box where you submit the links to your blocks).

When you start coding, make your blocks private. After you have submitted, be sure to make your blocks public so that I can grade them.

Helpful tutorials/links

Remember that there are more D3 links and tutorials (and the D3.v4 Changes document) on the Links page.


Submit the (not blockbuilder) URLs of your solutions in Blackboard

Retrieved from
Page last modified on January 30, 2018, at 10:49 AM