Social Visualization for the Masses Social Visualization Many

  • Slides: 42
Download presentation
Social Visualization for the Masses

Social Visualization for the Masses

 Social Visualization Many Eyes: A Site for Visualization at Internet Scale Harry Potter

Social Visualization Many Eyes: A Site for Visualization at Internet Scale Harry Potter and the Meat-Filled Freezer: A Case Study of Spontaneous Usage of Visualization Tools Voyagers and Voyeurs: Supporting Asynchronous Collaborative Information Visualization 2

Previous Social Visualizations. . . have been a little different what are social visualizations?

Previous Social Visualizations. . . have been a little different what are social visualizations? visualization of social data using visualization to as medium for social communication making use of web technologies? 3

Visualization of Social Data Vizster (social network websites; seeing how people are related) Mat.

Visualization of Social Data Vizster (social network websites; seeing how people are related) Mat. Link (social networks) Node. Trix People Garden 4

Visualization as Social Communication Chat circles Keystrokes (somewhere in-between? ) 5

Visualization as Social Communication Chat circles Keystrokes (somewhere in-between? ) 5

as previously seen. . . web visualizations. . . previously seen: wefeelfine gapminder recall

as previously seen. . . web visualizations. . . previously seen: wefeelfine gapminder recall “web-centric” design decisions: short attention span fun and interactive 6

Many Eyes: A Site for Visualization at Internet Scale Upload data Create Visualization Discuss

Many Eyes: A Site for Visualization at Internet Scale Upload data Create Visualization Discuss (Not necessarily in this order!) 7

Many Eyes: Approach to visualization. . . Let the people decide! give many possible

Many Eyes: Approach to visualization. . . Let the people decide! give many possible visualization options encourage discussion via visualization encourage visualization via discussions both textual information and visualization aid each other 8

Many Eyes: Design Principles asynchronous (email is asynchronous; instant messaging is synchronous) enable easy

Many Eyes: Design Principles asynchronous (email is asynchronous; instant messaging is synchronous) enable easy creation of visualizations simple data format: spreadsheets (tables) web based: available to large audience 9

Many Eyes: Web Expectations Designed for untrained, non-specialist users survey found certain groups interested.

Many Eyes: Web Expectations Designed for untrained, non-specialist users survey found certain groups interested. . . Low barrier to entry Short attention span Bookmarks Undoable (back and forwards button) “Fun” and accessible 10

Many Eyes: Tree Map 11

Many Eyes: Tree Map 11

Many Eyes: Node Link 12

Many Eyes: Node Link 12

Many Eyes: Stacked Chart 13

Many Eyes: Stacked Chart 13

Many Eyes: Bubbles 14

Many Eyes: Bubbles 14

Many Eyes: World Map 15

Many Eyes: World Map 15

Many Eyes: Scatter Plot 16

Many Eyes: Scatter Plot 16

Many Eyes: Stacked Chart 17

Many Eyes: Stacked Chart 17

Many Eyes: Tag Cloud 18

Many Eyes: Tag Cloud 18

Many Eyes: Node Link 19

Many Eyes: Node Link 19

The Social Part. . . comments on data, visualization person identified direct annotation on

The Social Part. . . comments on data, visualization person identified direct annotation on visualization bookmarks allow for “snapshot” (state of visualization) usual drawing tools (arrows, text), selection/highlighting allows for linking “bloggable” (embeddable) 20

Many Eyes: Visualizations used 21

Many Eyes: Visualizations used 21

Many Eyes: A Quick Demo. . . [this slide intentionally left blank] 22

Many Eyes: A Quick Demo. . . [this slide intentionally left blank] 22

Harry Potter and the Meat-Filled Freezer: A Case Study of Spontaneous Usage of Visualization

Harry Potter and the Meat-Filled Freezer: A Case Study of Spontaneous Usage of Visualization Tools A review of Many Eyes' results (1 year later) some interesting results 23

visual analytics global warming and linguistic data standard visual data analysis 24

visual analytics global warming and linguistic data standard visual data analysis 24

data quality and error hunting found errors in data from reliable sources National Center

data quality and error hunting found errors in data from reliable sources National Center for Health Statistics “visual representations can quickly expose data problems” “many eyes make bugs shallow” 25

sociability – harry potter is freaking popular playful annotations: books read, countries visited adding

sociability – harry potter is freaking popular playful annotations: books read, countries visited adding personal touch. . . following from this. . . 26

generating mirrors – personal and collective people are narcissistic sociable like to share personal

generating mirrors – personal and collective people are narcissistic sociable like to share personal information tracking weight loss 27

sending a message using visualization to express idea (not necessarily a new one) Multiple

sending a message using visualization to express idea (not necessarily a new one) Multiple Sclerosis Jesus appears many times in Bible Visualization confirms a persons beliefs 28

innovative use of visualizations digg “Stacked graph” stacked graphs are meant to show multiple

innovative use of visualizations digg “Stacked graph” stacked graphs are meant to show multiple graphs over a time period only two “time points”: diggs and comments with percentage scaling can see the relation between these two litmash use two pieces of literature as a data source 29

Many Eyes: Stacked Chart 30

Many Eyes: Stacked Chart 30

Voyagers and Voyeurs: Supporting Asynchronous Collaborative Information Visualization Heer, Viégas, Wattenberg collaborative visualization tools

Voyagers and Voyeurs: Supporting Asynchronous Collaborative Information Visualization Heer, Viégas, Wattenberg collaborative visualization tools enable visual conversations email with attachments is clumsy visualization is part of conversation (uni-directional) want to be able to see how conversation evolves over time 31

sense. us bookmarks (represents current state of visualization) bi-directional link between conversation and visualization

sense. us bookmarks (represents current state of visualization) bi-directional link between conversation and visualization annotation: drawings and text fixed data 32

sense. us 33

sense. us 33

sense. us: bookmark trail 34

sense. us: bookmark trail 34

sense. us: map 35

sense. us: map 35

sense. us: stacked chart 36

sense. us: stacked chart 36

sense. us: population pyramid 37

sense. us: population pyramid 37

sense. us: scatter plot 38

sense. us: scatter plot 38

summarizing all of that interactivity is important! more options are better people will find

summarizing all of that interactivity is important! more options are better people will find novel uses to a visualization when people are involved. . . visualization is for both: finding information about data expressing their own (likely outside) view annotations “games” 39

applications to my project. . . more options are better. . . even if

applications to my project. . . more options are better. . . even if I don't find them immediately useful someone else may find a use 40

example 41

example 41

Discussion 42

Discussion 42