Visualizing Graphs


John Alexis Guerra Gómez| ja.guerrag[at]uniandes.edu.co| @duto_guerra
Jose Tiberio Hernández | jhernand[at]uniandes.edu.co
Universidad de los Andes


http://johnguerra.co/lectures/visualAnalytics_fall2019/08_Networks/

Based onslides from Tamara Munzner

Visualizing Networks

Force Directed Layout

http://blockbuilder.org/mbostock/4062045by mbostock

Use the force!

Beeswarm plot

http://blockbuilder.org/mbostock/6526445e2b44303eebf21da3b6627320by mbostock

Collision Detection

http://blockbuilder.org/mbostock/31ce330646fa8bcb7289ff3b97aab3f5by mbostock

Force in a Box

http://blockbuilder.org/john-guerra/14c943d8f198d9f3fef2by john-guerra

Adjacency Matrix

https://bost.ocks.org/mike/miserables/

Chord Diagram

  • Data: Networks (small # of nodes)
  • Tasks: Summarize connections. Identify highest degree
  • Considerations: Usually good for origin -> destination
Chord Diagramhttps://observablehq.com/@john-guerra/mouseover-chord-diagram

Edge Bundling

  • Data: Networks
  • Tasks: Summarize common connections.
  • Considerations:
    • Reduces cluttering
    • Requires computing time
    • Works with any link based idiom
Edge Bundlinghttps://observablehq.com/@d3/hierarchical-edge-bundling

Arc Diagram

  • Data: Networks (few nodes)
  • Tasks: Summarize common connections.
  • Considerations:
    • Nodes order matter
    • Better with highly clustered data
Arc Diagramhttps://observablehq.com/@d3/arc-diagram

Arc Diagram

https://blockbuilder.org/rpgove/53bb49d6ed762139f33bdaea1f3a9e1cby Robert Gove

Arc Diagram

https://bost.ocks.org/mike/hive/

Semantic Substrates

  • Data: Networks with many edges
  • Task: Summarize distribution of non network attribs
  • Considerations:
    • Easier to understand
    • Scale well
    • Edges on demand work best
Semantic Substrateshttps://johnguerra.co/viz/influentials/story/?hashtag=DeepIndaba2019
Six ways of visualizing networks by Robert GoveRobert Gove's Six ways of visualizing Networks

Appendix

Network Analysis Metrics

  • Connections
  • Distribution
  • Segmentation
https://en.wikipedia.org/wiki/Social_network_analysis

Use them as derived attributes

Tools