CS 725/825 - Information Visualization
Spring 2017: Wednesdays, 9:30am-12:15pm, E&CS 2120

Print - Admin

Home

Staff

Syllabus

Schedule
  Objectives

Assignment Guidelines

Blackboard
CS725 @ GitLab
WebEx

Paper Presentations

Project - updated

Links


Tableau's data visualization software is provided through the Tableau for Teaching program.

Visualization Implementation 3

Due: February 1, 2017 before 9:30am

The goal of this week's assignment is to build the same chart in D3, R, Tableau, and one other JS library (either Vega-Lite or NVD3)

Setup

  • Follow the instructions at How to create a project in GitLab to create a new project named CS725-VI3
  • Create a README.md file (see Markdown) that includes your name, CS 725/825, Spring 2017. You must also put links to the various pieces of your solution here.
  • Make your project 'Private', but add me (mweigle) as a 'Reporter'
  • Follow the instructions on Command Line basic commands page (through "Go into a project, directory or file to work in it") to clone your project in your ~/public_html/cs725/ directory in your ODU-CS account.

For the rest of this assignment, you'll add images and 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).

D3

  • Create an HTML page for working through the D3 tutorial in your CS725-VI3 project
    • if you are working in your ODU-CS Unix account, as you make changes, be sure to commit changes and push them back to the remote repository
    • if you are working in Gitlab, make sure to go into your ODU-CS Unix account and pull the changes from the remote repository
  • Work through Scott Murray's D3 tutorial from the beginning (or where you left off from VI1) through "The power of data()". The goal is to produce a visualization similar to http://alignedleft.com/content/03-tutorials/01-d3/90-the-power-of-data/5.html.

R

  • Create a Markdown page to hold the results of your work in R.
  • Use R to generate a bar chart similar to the D3 one above.
    • You do not have to randomize your data, just graph a set of values that are generated by your D3 example.
  • Put both the resulting image and the R code used in your Markdown file.

Tableau

  • Create a Markdown page to hold the results of your work in Tableau.
  • Use Tableau to generate a bar chart similar to the D3 one above.
    • You do not have to randomize your data, just graph a set of values that are generated by your D3 example.
  • Put the resulting image and a description of the steps you used to generate the chart in your Markdown file.

JS Library

Submission: Submit the URL of your project README.md (which must have links to all of the parts of your solution) in Blackboard (under "Visualization Implementations" > VI3).