From CS 725/825 Fall 2017

CS725-F17: Visualization Implementation 1

Contents (hide)

Due: September 8, 2017 before 8:30am

The goal of this week's assignment is to get you set up for the rest of the semester. You'll explore git (and Gitlab), D3, R, Tableau, and build a webpage that includes images and a simple D3 demo.

For this assignment only -- you may ask others in the class for help with these setup tasks.

Set up your ODU CS webspace

To host webpages in your account, you must first have a CS account (this will be different than your ODU MIDAS account). If you do not yet have one, see or contact the Systems Group ( You can verify that your account has been created by logging in at

I assume that you are familiar with the Unix/Linux environment. If you are not, review the notes from CS 252 - Intro to Unix.

Login to an ODU-CS Linux machine at using ssh. See the System Group's help pages on Unix and Linux Services and SSH Access for more information.

  1. Create a directory (or folder) named public_html in your CS Unix account
  2. Create a directory named cs725 under your ~/public_html/ directory
  3. Set appropriate permissions on the directories.
    • chmod 755 ~/public_html -- If you are unfamiliar with the chmod command, please review the CS 252 file protection notes.
    • chmod 755 ~/public_html/cs725
  4. Create an HTML file named index.html under ~/public_html/cs725
    • touch ~/public_html/cs725/index.html
    • chmod 644 ~/public_html/cs725/index.html
    • This file can remain blank. It prevents people from being able to browse your cs725 directory without knowing the exact URLs.

Now, any files that you put in your ~/public_html/cs725/ directory can be accessed on the web at

Git and Gitlab

Git is a version control system for tracking changes in source code. This is the same system that is used in the popular github code hosting platform. To get familiar with the basics of git, read git - the simple guide.

First, browse the Gitlab Help Pages. In particular, read the following:

Set up your first project

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).

The goal here is to allow you to build webpages that you can view at, but that are version-controlled in git using Gitlab.

Solution Webpage


What to put on your solution webpage


What to put on your solution webpage


What to put on your solution webpage


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

Retrieved from
Page last modified on August 28, 2017, at 01:05 PM