1 / 58

Visualizations: Making sense of the social web

Visualizations: Making sense of the social web. Chat Circles. Usenet (Smith et al.). Usenet 2000. Usenet (Smith et al.). Usenet 2004. Taking a Step Back. Before talking about next section, useful to take a step back and think about good and bad visualizations.

penda
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. Chat Circles

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

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

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

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

  7. London Underground Map 1927

  8. London Underground Map 1990s

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

  10. Design Guidance

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

  12. Design Guidance

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

  14. Focus + Context

  15. Focus + Context

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

  17. 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

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

  19. InfoViz’s Can Show and Hide Info

  20. InfoViz’s Can Show and Hide Info

  21. InfoViz’s Can Show and Hide Info

  22. InfoViz’s Can Show and Hide Info

  23. visualizing contributions

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

  25. AuthorLine: Answer person Initiated by Author Initiated by Someone Else

  26. Initiated by Author Initiated by Someone Else

  27. AuthorLine: Flame warrior Initiated by Author Initiated by Someone Else

  28. AuthorLine: Ego-centric Networks

  29. Code Swarm (Ogawa) http://www.vimeo.com/1093745

  30. Visualizing Wikipedia • What kinds of things might you want to visualize in Wikipedia? • Contributions by editors • Topics by location / geography • Number of articles in different languages • How many edits are successful / newbies • How often users join • How articles are linked together / author • How many views / used / edits • See how a page changes after /during an event

  31. In-Class Exercise • Break up into groups of ~3 people • Come up with ideas for how to visualize: • Trustworthiness of a page or author • Evolution (and/or conflict) of a page over time • Some other interesting phenomena on Wikipedia • Spend ~8 minutes on this • Will have some teams present their design

  32. Visualizing the “power struggle” in WP http://abeautifulwww.com/2007/05/20/visualizing-the-power-struggle-in-wikipedia/

  33. WikiDashboard (Suh et al., 2008)

  34. Assigning trust (Adler, Alfaro, et al.) • Authors are assigned a trust ranking • Text is assigned a trust ranking based on reputation of author and revisers • Darker color means less trust in the text

  35. History flow

  36. Edit war

  37. Conflict at the user level • How can we identify conflict between users? • Here, edges represent reverts Kittur et al., 2007; Suh et al. 2007; Brandes & Lerner, 2008

  38. Terry Schiavo Anonymous (vandals/spammers) Sympathetic to husband Mediators Sympathetic to parents

  39. Group D Group A Group C Group B Dokdo/Takeshima opinion groups

  40. Ekstrand & Riedl (2009)

  41. Ekstrand & Riedl (2009)

  42. Ekstrand & Riedl, 2009

  43. visualization systems

  44. SocialAction (Perer & Shneiderman) http://www.cs.umd.edu/hcil/socialaction/

  45. NodeXL http://nodexl.codeplex.com/

  46. Sense.us (Heer, Viegas, & Wattenberg)

  47. ManyEyes (Viegas, et al.) • Conversations around visualizations (instead of visualizing conversations)

  48. ManyEyes

  49. ManyEyes

More Related