• Office hours are now posted on Piazza. These may change, make sure to check for updates.
• A cool source for color combinations

Inspiration: Edward Tufte popularized this map by Charles Minard of Napoleon's disastrous Russian invasion as the greatest visual presentation of data ever. How many different variables is Minard presenting? What is he choosing NOT to present? (Is this actually a map?) What elements would you use to copy this "carte figurative" in SVG?

SVG is an XML specification of vector graphics. Visual elements are represented as tags, which have styles and attributes.

1. Rectangles. How does SVG understand coordinates?

2. Paths. This is the most complicated SVG element, but also one of the most useful. It contains a tiny programming language. In-class project: Make a plot like Minard's.

3. Transformations are another useful (but a bit tricky) tool. How do we stretch, rotate, and shift elements, and how does the order of these operations affect the result? Challenge: add rotate() and scale() to the transform block to make the "movable" circle match the "target" circle. Does the order of operations matter?