1 / 56

Visualizations: Making sense of the social web

Visualizations: Making sense of the social web. Visualization for Eliciting Knowledge from Data. Visualization for Eliciting Knowledge from Data. The Power of Visualization. The Power of Visualization. Are these datasets the same?. Are these datasets the same?. Anscombe’s quartet.

liluye
Download Presentation

Visualizations: Making sense of the social web

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Visualizations: Making sense of the social web

  2. Visualization for Eliciting Knowledge from Data

  3. Visualization for ElicitingKnowledge from Data

  4. The Power of Visualization

  5. The Power of Visualization

  6. 7 Are these datasets the same?

  7. 8 Are these datasets the same?

  8. 9 Anscombe’s quartet

  9. Finding patterns

  10. Using Visualizations for Social Web • Lots of examples today • Applying visualizations for specific domains • Some discussion of principles

  11. What are the elements to visualize? • In a real-time chat room? • Frequency of posts • Aggregate or individual people • Common topics • Where they are posting (geolocation) • Relationship • Social network (who knows whom) • Use of user tools • How many people blocked, different UI elements used • Summaries • Who are the people here (a/s/l)

  12. Chat Circles

  13. Chat Circles

  14. Chat Circles: Viegas & Donath, 1999 • Self-identification through • Color • Spatial position • Label • Overall activity: brightness of circle • Indicates both overall number of users and activity level • Zone of hearing • Localizes conversations

  15. Chat Circles: Archival view • X-axis: people • Y-axis: time

  16. What are the elements to visualize? • In an online discussion forum? • Common topics • Rate of response vs other variables • Length of time on site (newbie / old timer) • Interactions of different types • Ratings of posts vs comments • Gender / topic / smileys • Time of day / day of week • Scheduled tweets • Clickthrough/ level of interest

  17. Loom (Karahalios & Donath) • Participant X Time matrix • View threading between participants Participant Time

  18. Loom (Karahalios & Donath) Participant Time

  19. Loom (Karahalios & Donath) Participant Time

  20. Loom • Visualizing mood • Anger: caps, !?!!, profanity • Information: dates, cities, newsfeeds, etc. • Peaceful • Other • Same person-time axes as in other Loom view

  21. Loom

  22. Usenet (Smith et al.) • Usenet 2000

  23. Usenet (Smith et al.) • Usenet 2004

  24. Usenet (Smith et al.) • Growth in postings (e.g., alt.binaries) • Fairly steady reply rate; i.e., social interactions

  25. Usenet (Smith et al.)

  26. microsoft.public.windows.server.general Days Active in Newsgroup Posts per Thread in Newsgroup

  27. microsoft.public.windows.server.general • Size of circle is total number of posts • Red means has posted recently Days Active in Newsgroup Posts per Thread in Newsgroup

  28. microsoft.public.windows.server.general • Who are these people? Days Active in Newsgroup Posts per Thread in Newsgroup

  29. microsoft.public.windows.server.general • Who are these people? Days Active in Newsgroup Posts per Thread in Newsgroup

  30. adobe.photoshop.mac.lounge

  31. alt.binaries.multimedia.elvispresley

  32. alt.pl.tvn.bigbrother

  33. Posting Patterns in Newsgroups

  34. Taking a Step Back • Before talking about next section, useful to take a step back and think about good and bad visualizations

  35. Variables You Can Manipulate Size Value Orientation Texture Shape Position (2D / 3D)

  36. London Underground Map 1927

  37. London Underground Map 1990s

  38. Appropriate Use of Color • Don’t use ROYGBIV for colors • Modify the saturation and/or intensity instead

  39. Design Guidance

  40. Design Guidance Tufte • Tell the truth (baseline, scale, context) Lie Factor = size of effect shown/ size of effect in data

  41. Design Guidance

  42. Design Guidance Tufte 2. Be careful with size coding (height/width v. area vs volume)

  43. Focus + Context

  44. Focus + Context

  45. Smooth Transitions • Baby Name Wizard (http://www.babynamewizard.com/voyager#)

  46. Shneiderman’s Mantra Overview First, Zoom and Filter, Details on Demand Overview First, Zoom and Filter, Details on Demand Overview First, Zoom and Filter, Details on Demand Overview First, Zoom and Filter, Details on Demand Overview First, Zoom and Filter, Details on Demand Overview First, Zoom and Filter, Details on Demand Overview First, Zoom and Filter, Details on Demand Overview First, Zoom and Filter, Details on Demand Overview First, Zoom and Filter, Details on Demand Overview First, Zoom and Filter, Details on Demand

  47. InfoViz’s Can Show and Hide Info • US Election 2004 2004

  48. InfoViz’s Can Show and Hide Info

More Related