JavaScript

Spring 2017 Week 12: Useful Examples

Event Architecture, Force + Canvas, Awesomplete

Spring 2017 Week 9: Workshop Time

This week’s class will be devoted to meeting individually to review the ongoing progress of the final project. In response to issues and questions raised during these reviews, I will post additional examples and mini-exercises.

Spring 2017 Weekk 8 Assignment

Spring 2017 Week 5

Git repo:

Spring 2017, Week 2

Before class

1. Please review these key d3 methods before class, especially if you didn’t take the fall semester class:

d3.scaleLinear

d3.axisLeft
d3.axisBottom
   axis.tickValues
   axis.tickFormat

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

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: