Notes for Nov-04

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 Monday. 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:
Swoop in from the middle
Color nameColor code
Squeeze/stretch transforms
Adding motion blur
Bouncy highlights
Code for today: