Top Banner
Simplifying Network Visualizations with Motif Glyphs Cody Dunne and Ben Shneiderman {cdunne, ben}@cs.umd.edu 29 th Annual Human-Computer Interaction Lab Symposium, May 22–23, 2011 College Park, MD
25

Simplifying Network Visualizations with Motif Glyphs Cody Dunne and Ben Shneiderman {cdunne, ben}@cs.umd.edu 29 th Annual Human-Computer Interaction Lab.

Dec 30, 2015

Download

Documents

Betty Kelley
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Simplifying Network Visualizations with Motif Glyphs Cody Dunne and Ben Shneiderman {cdunne, ben}@cs.umd.edu 29 th Annual Human-Computer Interaction Lab.

Simplifying Network Visualizations with Motif Glyphs

Cody Dunne and Ben Shneiderman{cdunne, ben}@cs.umd.edu

29th Annual Human-Computer Interaction Lab Symposium, May 22–23, 2011 College Park, MD

Page 2: Simplifying Network Visualizations with Motif Glyphs Cody Dunne and Ben Shneiderman {cdunne, ben}@cs.umd.edu 29 th Annual Human-Computer Interaction Lab.

Network Analysis is Hard

Page 3: Simplifying Network Visualizations with Motif Glyphs Cody Dunne and Ben Shneiderman {cdunne, ben}@cs.umd.edu 29 th Annual Human-Computer Interaction Lab.

Who Uses Network Analysis

Sociology Scientometrics Politics Urban Planning

Biology Archaeology WWW

Page 4: Simplifying Network Visualizations with Motif Glyphs Cody Dunne and Ben Shneiderman {cdunne, ben}@cs.umd.edu 29 th Annual Human-Computer Interaction Lab.

So what can we do?

Page 5: Simplifying Network Visualizations with Motif Glyphs Cody Dunne and Ben Shneiderman {cdunne, ben}@cs.umd.edu 29 th Annual Human-Computer Interaction Lab.

Better Layouts Alternate Visualizations

Hachul & Jünger, 2006

Navlakha et al, 2008

Graph Summarization

Gove et al, 2011; Henry & Fekete, 2006; Dunne et al, 2012; Freire et al, 2010;

Wattenberg, 2006

Page 6: Simplifying Network Visualizations with Motif Glyphs Cody Dunne and Ben Shneiderman {cdunne, ben}@cs.umd.edu 29 th Annual Human-Computer Interaction Lab.

Lostpedia articles

2: Motifs often dominate the visualization

3: Motifs members can be functionally equivalent

Observations

1: There are repeating patterns in networks (motifs)

Page 7: Simplifying Network Visualizations with Motif Glyphs Cody Dunne and Ben Shneiderman {cdunne, ben}@cs.umd.edu 29 th Annual Human-Computer Interaction Lab.

Our approach: Motif Simplification to reduce

visualization complexity

Page 8: Simplifying Network Visualizations with Motif Glyphs Cody Dunne and Ben Shneiderman {cdunne, ben}@cs.umd.edu 29 th Annual Human-Computer Interaction Lab.

Motif SimplificationFan Motif 2-Parallel Motif

Page 9: Simplifying Network Visualizations with Motif Glyphs Cody Dunne and Ben Shneiderman {cdunne, ben}@cs.umd.edu 29 th Annual Human-Computer Interaction Lab.

Lostpedia articles

Page 10: Simplifying Network Visualizations with Motif Glyphs Cody Dunne and Ben Shneiderman {cdunne, ben}@cs.umd.edu 29 th Annual Human-Computer Interaction Lab.

Lostpedia articles

Page 11: Simplifying Network Visualizations with Motif Glyphs Cody Dunne and Ben Shneiderman {cdunne, ben}@cs.umd.edu 29 th Annual Human-Computer Interaction Lab.

Glyph Design Guidelines

• Representative:topology, count & attributes

• Easily distinguishable• Easily comparable• Allow overlaps

Page 12: Simplifying Network Visualizations with Motif Glyphs Cody Dunne and Ben Shneiderman {cdunne, ben}@cs.umd.edu 29 th Annual Human-Computer Interaction Lab.

Glyph Design: Fan

Page 13: Simplifying Network Visualizations with Motif Glyphs Cody Dunne and Ben Shneiderman {cdunne, ben}@cs.umd.edu 29 th Annual Human-Computer Interaction Lab.

Glyph Design: Parallel

Page 14: Simplifying Network Visualizations with Motif Glyphs Cody Dunne and Ben Shneiderman {cdunne, ben}@cs.umd.edu 29 th Annual Human-Computer Interaction Lab.

Interactivity

Fan motif: 133 leaf vertices with head vertex “Theory”

Page 15: Simplifying Network Visualizations with Motif Glyphs Cody Dunne and Ben Shneiderman {cdunne, ben}@cs.umd.edu 29 th Annual Human-Computer Interaction Lab.

Voson Web Crawl

Page 16: Simplifying Network Visualizations with Motif Glyphs Cody Dunne and Ben Shneiderman {cdunne, ben}@cs.umd.edu 29 th Annual Human-Computer Interaction Lab.

Voson Web Crawl

Page 17: Simplifying Network Visualizations with Motif Glyphs Cody Dunne and Ben Shneiderman {cdunne, ben}@cs.umd.edu 29 th Annual Human-Computer Interaction Lab.

Voson Web Crawl

Page 18: Simplifying Network Visualizations with Motif Glyphs Cody Dunne and Ben Shneiderman {cdunne, ben}@cs.umd.edu 29 th Annual Human-Computer Interaction Lab.

Voson Web Crawl

Page 19: Simplifying Network Visualizations with Motif Glyphs Cody Dunne and Ben Shneiderman {cdunne, ben}@cs.umd.edu 29 th Annual Human-Computer Interaction Lab.

Voson Web Crawl

Page 20: Simplifying Network Visualizations with Motif Glyphs Cody Dunne and Ben Shneiderman {cdunne, ben}@cs.umd.edu 29 th Annual Human-Computer Interaction Lab.

Voson Web Crawl

Page 21: Simplifying Network Visualizations with Motif Glyphs Cody Dunne and Ben Shneiderman {cdunne, ben}@cs.umd.edu 29 th Annual Human-Computer Interaction Lab.

Voson Web Crawl

Page 22: Simplifying Network Visualizations with Motif Glyphs Cody Dunne and Ben Shneiderman {cdunne, ben}@cs.umd.edu 29 th Annual Human-Computer Interaction Lab.

Implemented in NodeXL

Page 23: Simplifying Network Visualizations with Motif Glyphs Cody Dunne and Ben Shneiderman {cdunne, ben}@cs.umd.edu 29 th Annual Human-Computer Interaction Lab.

User Impressions

“I’m overwhelmed, … this is like one of those vision tests at the eye doctor”

“Now I can see the central pages…[and] pairwise connections”

Page 24: Simplifying Network Visualizations with Motif Glyphs Cody Dunne and Ben Shneiderman {cdunne, ben}@cs.umd.edu 29 th Annual Human-Computer Interaction Lab.

Discussion

Motif simplification effective for• Reducing complexity• Understanding larger relationships

However• Frequent motifs may not be covered• Glyph design has tradeoffs

Details & algorithms in Tech Report

Page 25: Simplifying Network Visualizations with Motif Glyphs Cody Dunne and Ben Shneiderman {cdunne, ben}@cs.umd.edu 29 th Annual Human-Computer Interaction Lab.

Take Away Messages

Motif simplification reduces the complexity of network visualizations.

Free and open source next month in NodeXL:http://nodexl.codeplex.com/http://www.cs.umd.edu/hcil/motifs/

Thanks to: Social Media Research Foundation Connected Action Consulting Group