resources_2.md

#Resources Day 2

---

##UI Design Principles

• Bootstrap Components
• Animatable

###Exercise

1. What sort of UI elements are present?
2. Is there a key?
3. How does the visualization instruct the viewer to use it?
4. How could it be improved?

Examples:

• House Hunting
• Four Ways to Slice Obama's Budget Proposal
• Selfiexploratory
• The Death of Afgans
• How Recession Shaped the Economy

---

##Animation

• Meaningful Transitions
• Piecewise Animations (Graphic)
• Piecewise Animations (Movie)
• d3 Transition API
• Easing Equations
• Motion Studies Video
• d3 Easing Equations, Visualized

---

##General Resources

• Let's Make A Map — d3.geo() Tutorial
• Infochimps — Free Datasets
• A Tour Through the Visualization Zoo
• Mind-Hacking Visual Transitions