Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Visualizing set-typed data
Chen He
Slides acknowledgements:
Luana Micallef, Univ. Copenhagen;
Miriah Meyer, Univ. Utah
What are set-typed data?
Data items are often grouped into sets based on specific properties.
Element
Set
Data abstraction: Set-typed data
Set theory
Set: a collection of elements
Element z ∈ set A
A
z
Set theory: set relations
Exclusion Containment Intersection
B A A B A
B
Set theory: set operations
Intersection: A ∩ B
Set theory: set operations
Union: A ∪ B
Set theory: set operations
Difference: A  B
Venn diagrams
Show all possible set relations.
Venn diagrams
Get messy fast.
Euler diagrams
Only show existing set relations.
https://creately.com/blog/diagrams/venn-diagrams-vs-euler-diagrams/
Euler diagrams
Misunderstood.
https://weheartit.com/entry/66278581
Euler diagrams
Only show existing set relations.
https://www.pngfly.com/png-cywbp4/
Euler diagram variants
Sets in rectangular shapes.
Improve readability of set intersections
by minimizing the intersection...
Euler diagram variants
Sets in rectangular shapes.
Riche, N.H. and Dwyer, T., 2010. Untangling euler diagrams. IEEE Transa...
Euler diagram variants
Duplicate elements belonging to multiple sets.
Riche, N.H. and Dwyer, T., 2010. Untangling euler di...
Overlays
Augment set memberships over the elements in an existing visualization.
Overlays: Bubble Sets
Overlay a set membership relation on
top of a primary data relation.
Use line contours.
Collins, C., Penn, G. and Carpendale, S., 2009. Bubble sets: Revealing set relations with isocontours over existing visual...
Overlays: LineSets
One smooth line to connect elements of one set with minimal length. This in turn
avoids self-crossings....
Overlays: Kelp Diagrams
A graph structure, rather than a simple
line, to connect elements of a set.
Nested style
Striped s...
Overlays: Comparison
LineSets has more bends, and line crossings.
Kelp Diagrams are 1) computationally too slow for intera...
Overlays: Comparison
Bubble Sets: color blending introduces new colors. 4-20 sets.
LineSets: not try to route around the e...
Overlays: Comparison
LineSets and Kelp Diagrams: complex contours for clusters of elements.
KelpFusion: lines + regions
Me...
Matrix-based techniques
Matrix-based: OnSet
Sadana, R., Major, T., Dove, A. and Stasko, J., 2014. Onset: A visualization technique for large-scale binary set data.
IE...
Matrix-based: UpSet
Row: set relation
Column: set
Lex, A., Gehlenborg, N., Strobelt, H., Vuillemot, R. and Pfister, H., 2014. UpSet: visualization of intersecting sets.
IEE...
UpSet application: exploring publications from intersecting prospects
K. Verbert, K. Seipp, C. He, D. Parra, C. Wongchokpr...
Aggregation-based techniques
Too many elements: Aggregate data elements into a single visual element that
encodes this fre...
Aggregation-based:
Parallel sets
Show data frequencies rather
than individual data points.
Aggregation-based: Radial sets
Radial sets
Alsallakh, B., Aigner, W., Miksch, S. and Hauser, H., 2013. Radial sets: Interactive visual analysis of large overlapping
...
Recap
Venn and Euler diagrams
Overlays
Recap
Matrix-based
Aggregation-based
Which technique to use?
Intuitiveness vs. Scalability
Which technique to use?
Task abstraction
Alsallakh, B., Micallef, L., Aigner, W., Hauser, H., Miksch, S. and Rodgers, P., 2014, June. Visualizing
...
Next lecture: interacting with visualizations
Thank you! Q & A
You’ve finished this document.
Download and read it offline.
Upcoming SlideShare
What to Upload to SlideShare
Next
Upcoming SlideShare
What to Upload to SlideShare
Next
Download to read offline and view in fullscreen.

Share

Visualizing set-typed data -- Interactive data visualization course

Download to read offline

This lecture is about techniques to visualize set-typed data such as Venn and Euler diagrams.

  • Be the first to like this

Visualizing set-typed data -- Interactive data visualization course

  1. 1. Visualizing set-typed data Chen He Slides acknowledgements: Luana Micallef, Univ. Copenhagen; Miriah Meyer, Univ. Utah
  2. 2. What are set-typed data? Data items are often grouped into sets based on specific properties. Element Set
  3. 3. Data abstraction: Set-typed data
  4. 4. Set theory Set: a collection of elements Element z ∈ set A A z
  5. 5. Set theory: set relations Exclusion Containment Intersection B A A B A B
  6. 6. Set theory: set operations Intersection: A ∩ B
  7. 7. Set theory: set operations Union: A ∪ B
  8. 8. Set theory: set operations Difference: A B
  9. 9. Venn diagrams Show all possible set relations.
  10. 10. Venn diagrams Get messy fast.
  11. 11. Euler diagrams Only show existing set relations. https://creately.com/blog/diagrams/venn-diagrams-vs-euler-diagrams/
  12. 12. Euler diagrams Misunderstood. https://weheartit.com/entry/66278581
  13. 13. Euler diagrams Only show existing set relations. https://www.pngfly.com/png-cywbp4/
  14. 14. Euler diagram variants Sets in rectangular shapes. Improve readability of set intersections by minimizing the intersections of set regions’ boundaries. Riche, N.H. and Dwyer, T., 2010. Untangling euler diagrams. IEEE Transactions on Visualization and Computer Graphics, 16(6), pp.1090-1099.
  15. 15. Euler diagram variants Sets in rectangular shapes. Riche, N.H. and Dwyer, T., 2010. Untangling euler diagrams. IEEE Transactions on Visualization and Computer Graphics, 16(6), pp.1090-1099.
  16. 16. Euler diagram variants Duplicate elements belonging to multiple sets. Riche, N.H. and Dwyer, T., 2010. Untangling euler diagrams. IEEE Transactions on Visualization and Computer Graphics, 16(6), pp.1090-1099.
  17. 17. Overlays Augment set memberships over the elements in an existing visualization.
  18. 18. Overlays: Bubble Sets Overlay a set membership relation on top of a primary data relation. Use line contours.
  19. 19. Collins, C., Penn, G. and Carpendale, S., 2009. Bubble sets: Revealing set relations with isocontours over existing visualizations. IEEE Transactions on Visualization and Computer Graphics, 15(6), pp.1009-1016.
  20. 20. Overlays: LineSets One smooth line to connect elements of one set with minimal length. This in turn avoids self-crossings. Alper, B., Riche, N., Ramos, G. and Czerwinski, M., 2011. Design study of linesets, a novel set visualization technique. IEEE transactions on visualization and computer graphics, 17(12), pp.2259-2267.
  21. 21. Overlays: Kelp Diagrams A graph structure, rather than a simple line, to connect elements of a set. Nested style Striped style Dinkla, K., Van Kreveld, M.J., Speckmann, B. and Westenberg, M.A., 2012, June. Kelp diagrams: Point set membership visualization. In Computer Graphics Forum (Vol. 31, No. 3pt1, pp. 875-884). Oxford, UK: Blackwell Publishing Ltd.
  22. 22. Overlays: Comparison LineSets has more bends, and line crossings. Kelp Diagrams are 1) computationally too slow for interaction; 2) not easy to visually follow line connections (Gestalt Laws of continuity).
  23. 23. Overlays: Comparison Bubble Sets: color blending introduces new colors. 4-20 sets. LineSets: not try to route around the elements not belonging to a set. Tens of sets.
  24. 24. Overlays: Comparison LineSets and Kelp Diagrams: complex contours for clusters of elements. KelpFusion: lines + regions Meulemans, W., Riche, N.H., Speckmann, B., Alper, B. and Dwyer, T., 2013. KelpFusion: A hybrid set visualization technique. IEEE transactions on visualization and computer graphics, 19(11), pp.1846-1858.
  25. 25. Matrix-based techniques
  26. 26. Matrix-based: OnSet
  27. 27. Sadana, R., Major, T., Dove, A. and Stasko, J., 2014. Onset: A visualization technique for large-scale binary set data. IEEE transactions on visualization and computer graphics, 20(12), pp.1993-2002.
  28. 28. Matrix-based: UpSet Row: set relation Column: set
  29. 29. Lex, A., Gehlenborg, N., Strobelt, H., Vuillemot, R. and Pfister, H., 2014. UpSet: visualization of intersecting sets. IEEE transactions on visualization and computer graphics, 20(12), pp.1983-1992.
  30. 30. UpSet application: exploring publications from intersecting prospects K. Verbert, K. Seipp, C. He, D. Parra, C. Wongchokprasitti, and P. Brusilovsky. Scalable exploration of relevance prospects to support decision making. Proceedings of the Joint Workshop on Interfaces and Human Decision Making for Recommender Systems. pages 28–35. 2016.
  31. 31. Aggregation-based techniques Too many elements: Aggregate data elements into a single visual element that encodes this frequency.
  32. 32. Aggregation-based: Parallel sets Show data frequencies rather than individual data points.
  33. 33. Aggregation-based: Radial sets
  34. 34. Radial sets
  35. 35. Alsallakh, B., Aigner, W., Miksch, S. and Hauser, H., 2013. Radial sets: Interactive visual analysis of large overlapping sets. IEEE Transactions on Visualization and Computer Graphics, 19(12), pp.2496-2505.
  36. 36. Recap Venn and Euler diagrams Overlays
  37. 37. Recap Matrix-based Aggregation-based
  38. 38. Which technique to use? Intuitiveness vs. Scalability
  39. 39. Which technique to use?
  40. 40. Task abstraction Alsallakh, B., Micallef, L., Aigner, W., Hauser, H., Miksch, S. and Rodgers, P., 2014, June. Visualizing sets and set-typed data: State-of-the-art and future challenges. In Eurographics conference on Visualization (EuroVis)–State of The Art Reports (pp. 1-21). The Eurographics Association. Alsallakh, B., Micallef, L., Aigner, W., Hauser, H., Miksch, S. and Rodgers, P., 2016, February. The State‐of‐the‐Art of Set Visualization. In Computer Graphics Forum (Vol. 35, No. 1, pp. 234-260).
  41. 41. Next lecture: interacting with visualizations Thank you! Q & A

This lecture is about techniques to visualize set-typed data such as Venn and Euler diagrams.

Views

Total views

506

On Slideshare

0

From embeds

0

Number of embeds

468

Actions

Downloads

2

Shares

0

Comments

0

Likes

0

×