visualizing data spring2012

Visualizing DataLisa Kurt, Emerging Technologies Librarian

Facebook worldwide friendships mapped: http://flowingdata.com/2010/12/13/facebook-worldwide-friendships-mapped/

Who? What skills?• Designer• Computer Scientist• Statistician• Teacher/professor• Mathematician• Business person• Entrepreneur• Artist• Etc…

http://flowingdata.com/2011/08/19/bikes-of-san-francisco/

Let’s look at some fun information!

• Web of Science vs. Google ScholarWeb of Science Google Scholar

07/2008 604 643

08/2008 580 604

09/2008 1083 1109

10/2008 1302 1241

11/2008 638 1297

12/2008 677 886

Let’s make it cooler

More cooler

Not awesome enough yet

Does it get better than this?

Wow.

“There is no such thing as information overload, only bad design”

-Edward Tufte

1. Composition2. Alignment3. Repetition4. Contrast5. Color6. Typography7. Image

choice

basic design elements

3 words on chart junk…

Don’t do this.

Hrishi Mittal

Rafal Dittwald

Original graph: http://flowingdata.com/2010/02/25/challenge-make-this-graph-easier-to-read/

Brendan

http://www.japanquakemap.com/

http://xkcd.com/radiation/

Save pens. Use Garamond font

How Genetics Works

http://flowingdata.com/2010/03/05/how-genetics-works/

http://flowingdata.com/category/visualization/page/2/

We have a need to explain andunderstand our world…

even the humorous sides.

Conventions can work with us.

Can you spot conventions used inthis infographic?

http://lemon.ly/slider/the-united-states-use-of-food-stamps

http://manyeyes.alphaworks.ibm.com

Many Eyes

“Yes We Can visualized”

http://code.google.com/apis/visualization/

Google Visualization API

Want to be like Hans Rosling?!?

http://www.youtube.com/watch?v=hVimVzgtD6w 

http://code.google.com/apis/chart/interactive/docs/gallery/motionchart.html

Now you can!

http://graphviz.org/

Graphviz

Unix versions

The code!

http://www.babynamewizard.com/voyager#

BabyName Wizard

http://actionscript.org/ Flash/ActionScript

http://www.eigenfactor.org

EigenFactor

http://xkcd.com/688/

Your turn!

• Design a single infographic that demonstrates information/data gathered from the candy.

• Sketch on paper or online. Or both!• Consider the color, composition, contrast,

typography, alignment, and repetition when designing your visualization.

• Work with a partner- no more than 3 in a group. • Presentation and discussion.