Git Basics, Part I

In this class, we will rely on a few basic tools of the trade for front-end web development (and in fact for most software development in general). These include an IDE (integrated development environment) for editing source code, as well Git for distributing code and for version control. The…

Week 2 Follow-up: CSS Styles, Inheritance, and Positioning

In this week’s class, we were introduced to the basics of HTML and CSS. The following is a brief assignment with step-by-step instructions and supplementary reading. It is designed to be completed in 30 minutes to an hour.

Week 3 Follow-Up: a Few Quick Exercises to Make You More Comfortable with Javascript

These four exercises are designed to reinforce some of the important concepts we covered in class. The boilerplate code can be found here (fork and clone please!)

Week 8 Follow-up

The purpose of this week’s assignment is to:

• Review joining and the enter / exit / update pattern
• Practice generating <path> elements using the d3.line() generator
• Practice the tooltip pattern

Week 10 Follow-up: d3 nest, and more geographic representation

More practice with d3.nest()

d3.nest() is one of the most important tools for manipulating data. Please review this example below to see ways in which it is used.

Week 5 Follow-up: Data Import and Parse

Here is an optional assignment in case you’d like to familiarize yourself with data import and parse using d3. Before you start, please review the API reference for d3.csv here:

Welcome!

Glad to have you join ARTG5330: Visualization Technologies. Here is some useful information to get you started:

Course syllabus:

Week 2

This week we get an introduction to working with HTML and CSS. The link to the slides are here:

Week 7 Follow-up: Practice with d3.queue() and the enter / exit / update pattern

In this assignment, we will rehash the bar chart exercise in Week 6, except in this case, we will allow the user to toggle between three different sets and see the chart change.