Upcoming SlideShare
×

MDST 3703 F10 Studio 12

511 views

Published on

0 Likes
Statistics
Notes
• Full Name
Comment goes here.

Are you sure you want to Yes No
• Be the first to comment

• Be the first to like this

Views
Total views
511
On SlideShare
0
From Embeds
0
Number of Embeds
21
Actions
Shares
0
4
0
Likes
0
Embeds 0
No embeds

No notes for slide
• How does graphesis play into this?
• MDST 3703 F10 Studio 12

1. 1. Studio 12 GraphViz, Prezi, ManyEyes Introduction to the Digital Liberal Arts MDST 3703 / 7703 Fall 2010
2. 2. Business • Last formal studio – Next week Thanksgiving – Last studio will be an open session • Talk to me if you think you need help
3. 3. Review • Effective visualization requires visual literacy • Graphesis helps us understand visual literacy • The visual as cultural • The visual as irreducible—as important as the data and content
4. 4. Overview Today we explore some practical tools to develop visualizations We look at three tools for creating visualizations • GraphViz • Prezi • ManyEyes
5. 5. GraphViz • Free tool from AT&T to create “graphs” – http://www.graphviz.org/ – Good PC and Mac versions • Graph = nodes + links – In math, these are “edges” and “vertices” – Used by Euler to solve the “seven bridges of Konigsburg” problem • GraphViz uses a simple language called DOT – Give it a graph expressed in DOT and it will generate a nice picture using an algorithm
6. 6. Is it possible to walk through the city crossing each of these bridges once and only once? Euler’s Solution: An even number nodes with and odd number of edges means “no” … Let land masses = nodes and bridges = edges
7. 7. Graphs can represent almost anything • Social networks • Causal chains of events (e.g. evolution) • Texts, e.g. basic structure and narrative structure • Arguments • The Internet
8. 8. The DOT Language A -> B B -> C A -> C
9. 9. The DOT Language A [label='foo'] B [label='bar'] C [label='baz'] D [label='boo'] A -> B B -> C B -> D
10. 10. GraphViz example
11. 11. The DOT language--Nodes A [label=""Jacob, the Scourge of Grammar, mark with awe,nNor less revere him, Blunderbuss of Law"" style="filled" color="green"] A1 [label=""Jacob"" group="A" shape="ellipse"] A2 [label=""Blunderbussnof Law"" group="A" shape="ellipse"] A3 [label=""Scourge of Grammar"" group="A" shape="ellipse"] B [label="Note 149" shape="record"] C [label="Note 149, 150" shape="record"] D [shape="record" label="Note 150"] E [shape="record" label="II, Note to 226"]
12. 12. The DOT language--Edges A -- {A1;A2;A3} A1 -- B A2 -- {C;D} A2 -- I04 [style="dashed"] B -- {B1;B2} B1 -- B3 [style="dashed"] I01 -- B3 [style="dashed"] B3 -- I03 [style="dashed"] I01 -- A3 [style="dashed"] C -- {I02;I08} I02 -- I03 [style="dashed"] I02 -- I06 I06 -- I07 I05 -- I10 [style="dashed"] I08 -- E [style="dashed"] E -- I09 D -- I10
13. 13. Try it … • Go to http://ashitani.jp/gv/# – Start typing in the box on the left … • To create your own, use one of these: Mac http://www.pixelglow.com/graphviz/ Win http://wingraphviz.sourceforge.net/wingraphviz/ • Use it to create graphs and then save them as images • Nice tutorial here … http://www.linux.com/archive/feed/49655?theme=print
14. 14. Prezi • Creates presentations based on graphs • Allows you to throw down ideas and then connect them – Not the PowerPoint sequence of implied order – PPT: worst of both worlds – both linear and non- narrative • Then you “play” them based on the edges you provide
15. 15. Prezi How-to • Demo video http://www.youtube.com/watch?v=pxhqD0hNx4Q • Go to prezi.com and create an account – http://prezi.com • Create a presentation – We’ll do one collaboratively …
16. 16. Prezi’s Devices • Nodes can be texts or images or URLs • Nodes can by groups by frames • Nodes can be connected by paths • Narrative flow is accomplished through movement and zooming in and out
17. 17. ManyEyes • IBM site that lets you create visualizations with data sets – Textual or tabular (i.e. CSV, exported Excel) • A place to find and create data • Tons of very cool visualizations
18. 18. ManyEyes How-to • Google Manyeyes http://www-958.ibm.com/software/data/cognos/manyeyes/ • Create an account • Find some data—text or image • Upload (Participate > Upload a data set)
19. 19. ManyEyes How-to • Get some free data from http://factual.com/ • Select “Government” • Select “TARP Recipients” • Export data as CSV • Open in Excel and save as Tab delimited • Paste into ManyEyes • Visualize as a Bubble Chart