From CS 725/825 Fall 2017

CS725-F17: Visualization Implementation 8

Contents (hide)

Due: November 17, 2017 before 8:30am

Note: This assignment is optional. Full completion of the assignment will be awarded EXTRA CREDIT.

The goal of this week's assignment is to demonstrate brushing and linking with 2 charts in D3.

Setup

Create your project

For the rest of this assignment, you'll add files to this new project. You may add the files either through the Gitlab webpages or through the command-line (refer back to git - the simple guide). Just make sure that the version in your local repository (in your ODU-CS account) is up-to-date with the remote repository (in Gitlab).

Solution Webpage

Coding

Create two charts in D3 where selection in one chart filters or affects data in the other chart. Your data must come either from your project or a previous VI or ICW. You may use brushing for selection (selecting a range) or just click or hover (selecting a single item).

Here's an example from Enrico Bertini's slides, where the user has selected the "Office Machines" bar in the bar chart:

This shows selection in a bar chart used to filter items in a scatterplot.

Other requirements:

Submission

Submit the URLs of your solution webpage and Gitlab project in Blackboard

Retrieved from https://www.cs.odu.edu/~mweigle/CS725-F17/VI8
Page last modified on November 02, 2017, at 02:49 PM