Animations & Visualizations

Theory: Drawing Dynamic Visualizations - Bret Victor

Tools

• Tableau or this link

  Gives you a finished graphic which looks great!

• RAW

  Great online tool to create a graphic from tabular data and export it as svg, json or png!

• Plotly

  Open Source Web Plots from R, Matlab, Python, Excel, JS code

• Visage

  VISUAL CONTENT CREATION MADE SIMPLE

Theory

• Explanatory (data visualization) vs. exploratory data analysis (EDA)
• Visual encodings are the mapping of data to display elements
• Retinal variables (e.g. size, orientation, color saturation for ordered data or color hue, shape, texture for nominal data)
• Double encoding for emphasis of importance

From visual encodings to charts

• grammar of graphics

Blogs

• http://www.thefunctionalart.com/
• http://visualisingdata.com/
• http://www.storytellingwithdata.com/

Community for help/input of visualizations

• http://helpmeviz.com/

Examples of great visualizations

• The Jobless Rate for People Like You
• MONEY wins ELECTIONS
• A Visual Introduction to Machine Learning
• Visualizing Algorithms
• SLOPEGRAPH - Alberto Cairo: Three steps to become a visualization/infographics designer
• The Facebook Offering: How It Compares
• UK Temperature History
• Win, lose or draw

Design Inspiration

• Muzli

  • Designers’ Secret Source
  • All the design inspiration you need.
  • It’s like crack for designers. And good for you too!

• Nice websites

  http://process.studio/

CSS Animation Libraries

• GreenSock

  • Look at these tweets for some nice examples: https://twitter.com/jh3yy

Discussions about good visualizations

When to Use Stacked Barcharts?