Agenda

Once you've cloned this repository, you can move through each stage of the workshop using the git commands below.

Viewing the Running Code

When working in any part, you will want to be able to view your changes. To do that, you'll first need to:

1. run python -m SimpleHTTPServer to start a local http server
2. open the url: http://localhost:8000 in your browser.

When looking at a solution, you should see the examples working. When looking at an exercize, naturally, you won't see any changes until you write the code!

Moving Between Stages

When moving between stages, you will have changed files that will prevent you from moving forward. In order to progress to the next stage, you can run the following command to save your changes onto a "stash": git stash save

You won't need your changes moving forward, but they will be available for you to append back to your code later if you need to. Alternatively to clear any changes before you check out the next step, use git reset --hard.

Stages:

Start here - binding data to HTML elements:

git checkout 097a1999208679c7c51b82a7ee6750a5a977d21c

Warm up - coloring table rows by geographical region:

git checkout 06919b9ef63b93b165319bb34f8b4e59b623c8b4

Exercise - binding data to SVG circles:

git checkout 6210ea392a8ec34e4a61749bd0783b450a77714e

Solution - binding data to SVG circles:

git checkout 0e96d98720d624a630d188955bfcc70093871585

Exercise - building a scatterplot:

git checkout 258e6c3bddaff22663d0c8264911618fbdae34dc

Solution - building a scatterplot:

git checkout e6aac0779f430834ff7db53f390f66e4692c7e51

Bonus - sizing circles by population:

git checkout 9db6461e4f23f8b513c01b3c043dd89752ab5ec8

Bonus - adding x and y axes:

git checkout d23e57e55d61cc16b9a283dd7433a6930d9a6ce1

Exercise - moving through time:

git checkout 41ad7502a4775cad09a22449ec70fc4789980851

Solution - moving through time:

git checkout a4f30fb2083505d2e52a02e7358bbca65375ea90

Adding Interactivity:

git checkout master