visualizing data spring2012

33
Visualizing Data Lisa Kurt, Emerging Technologies Librarian cebook worldwide friendships mapped: http://flowingdata.com/2010/12/13/facebook-worldwide-friendships-mappe

Upload: lisa-kurt

Post on 27-Jan-2015

114 views

Category:

Design


0 download

DESCRIPTION

This is a workshop I gave

TRANSCRIPT

Page 1: Visualizing data spring2012

Visualizing DataLisa Kurt, Emerging Technologies Librarian

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

Page 2: Visualizing data spring2012

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/

Page 3: Visualizing data spring2012

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

Page 4: Visualizing data spring2012

Let’s make it cooler

Page 5: Visualizing data spring2012

More cooler

Page 6: Visualizing data spring2012

Not awesome enough yet

Page 7: Visualizing data spring2012

Does it get better than this?

Page 8: Visualizing data spring2012

Wow.

Page 9: Visualizing data spring2012

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

-Edward Tufte

Page 10: Visualizing data spring2012

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

choice

basic design elements

Page 11: Visualizing data spring2012

3 words on chart junk…

Don’t do this.

Page 12: Visualizing data spring2012

Hrishi Mittal

Rafal Dittwald

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

Brendan

Page 13: Visualizing data spring2012

http://www.japanquakemap.com/

Page 14: Visualizing data spring2012

http://xkcd.com/radiation/

Page 15: Visualizing data spring2012

Save pens. Use Garamond font

Page 16: Visualizing data spring2012

How Genetics Works

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

Page 17: Visualizing data spring2012

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

We have a need to explain andunderstand our world…

even the humorous sides.

Page 18: Visualizing data spring2012

Conventions can work with us.

Can you spot conventions used inthis infographic?

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

Page 19: Visualizing data spring2012

http://manyeyes.alphaworks.ibm.com

Many Eyes

Page 20: Visualizing data spring2012

“Yes We Can visualized”

Page 21: Visualizing data spring2012
Page 22: Visualizing data spring2012

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

Google Visualization API

Page 23: Visualizing data spring2012

Want to be like Hans Rosling?!?

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

Page 24: Visualizing data spring2012

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

Now you can!

Page 25: Visualizing data spring2012

http://graphviz.org/

Graphviz

Page 26: Visualizing data spring2012

Unix versions

Page 27: Visualizing data spring2012

The code!

Page 28: Visualizing data spring2012

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

BabyName Wizard

http://actionscript.org/ Flash/ActionScript

Page 29: Visualizing data spring2012
Page 30: Visualizing data spring2012

http://www.eigenfactor.org

EigenFactor

Page 31: Visualizing data spring2012
Page 32: Visualizing data spring2012

http://xkcd.com/688/

Page 33: Visualizing data spring2012

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.