Notes for April 1

At various times during this lecture you may have to add additional points of data using the survey.

Today we will add some different animations to our color chart from a couple of weeks ago. Our goal is not to make the most perfect, discernable transitions. Instead, we will work to make the visualization more evocative and engaging by applying some of the principles we discussed on Wednesday. As we also discussed, there are always trade-offs with animation.

In this lecture I use some examples from Nadieh Bremer (blog, blocks) for showing motion and applying filters in very clever ways. I recommend you check out some of the examples on her bl.ocks index.

HTML for today:
See file 1 for original motion demo
Squeeze/stretch transforms

Adding motion blur

Spinning around the center

Code for today: