26
Institute of Software, Chinese Academy of Scie Hierarchical Focus+Context Heterogeneous Network Visualization Lei Shi Joint work with Qi Liao, Hanghang Tong, Yifan Hu, Yue Zhao and Chuang Lin State Key Lab of Computer Science Institute of Software Chinese Academy of Sciences

Institute of Software, Chinese Academy of Sciences Hierarchical Focus+Context Heterogeneous Network Visualization Lei Shi Joint work with Qi Liao, Hanghang

Embed Size (px)

Citation preview

Page 1: Institute of Software, Chinese Academy of Sciences Hierarchical Focus+Context Heterogeneous Network Visualization Lei Shi Joint work with Qi Liao, Hanghang

Institute of Software, Chinese Academy of Sciences

Hierarchical Focus+Context Heterogeneous Network Visualization

Lei ShiJoint work with Qi Liao, Hanghang Tong, Yifan Hu, Yue Zhao and

Chuang Lin

State Key Lab of Computer ScienceInstitute of Software

Chinese Academy of Sciences

Page 2: Institute of Software, Chinese Academy of Sciences Hierarchical Focus+Context Heterogeneous Network Visualization Lei Shi Joint work with Qi Liao, Hanghang

Institute of Software, Chinese Academy of SciencesNetwork Visualization

SocialNetworks

Population Migration Networks

TextNetworks

Gene Networks

Page 3: Institute of Software, Chinese Academy of Sciences Hierarchical Focus+Context Heterogeneous Network Visualization Lei Shi Joint work with Qi Liao, Hanghang

Institute of Software, Chinese Academy of Sciences

Very few has been done on Heterogeneous

Network!

Page 4: Institute of Software, Chinese Academy of Sciences Hierarchical Focus+Context Heterogeneous Network Visualization Lei Shi Joint work with Qi Liao, Hanghang

Institute of Software, Chinese Academy of SciencesOutline

Heterogeneous Network: Our Definition

Problem

Related Work

Methodology Overview

Summarization Algorithms and Performance

Visual Design and Interaction

Case Study

Conclusion

Page 5: Institute of Software, Chinese Academy of Sciences Hierarchical Focus+Context Heterogeneous Network Visualization Lei Shi Joint work with Qi Liao, Hanghang

Institute of Software, Chinese Academy of SciencesHeterogeneous Network

中国政府客户场景举例Networks Heterogeneous Networks

Graphs Attributed Graphs

For InfoVis

Page 6: Institute of Software, Chinese Academy of Sciences Hierarchical Focus+Context Heterogeneous Network Visualization Lei Shi Joint work with Qi Liao, Hanghang

Institute of Software, Chinese Academy of SciencesAttributed Graph

中国政府客户场景举例Imagine this as a teacher-student graph

Node Type

Teacher

Student

Class (Math, Chinese…)

Exp. (Senior, Junior…)

Position (Prof., AP…)

Gender (M/F)

Grading (100, 90+…)

Degree (PhD, MS…)

Node Attribute+Graph Topology += Heterogeneous Network

Page 7: Institute of Software, Chinese Academy of Sciences Hierarchical Focus+Context Heterogeneous Network Visualization Lei Shi Joint work with Qi Liao, Hanghang

Institute of Software, Chinese Academy of SciencesProblem

中国政府客户场景举例How to visualize

heterogeneous networks (attribute graphs) ?

On large graphs(102~ 106+ nodes)

How to summarize heterogeneous networks?

For visual analysis

How to navigate the abstraction of heterogeneous networks?

Page 8: Institute of Software, Chinese Academy of Sciences Hierarchical Focus+Context Heterogeneous Network Visualization Lei Shi Joint work with Qi Liao, Hanghang

Institute of Software, Chinese Academy of SciencesRelated Works - Semantic

PivotGraph[Wattenberg’06]

One attribute:

Two attribute:

Page 9: Institute of Software, Chinese Academy of Sciences Hierarchical Focus+Context Heterogeneous Network Visualization Lei Shi Joint work with Qi Liao, Hanghang

Institute of Software, Chinese Academy of SciencesRelated Works - Semantic

Dimensionselection

Page 10: Institute of Software, Chinese Academy of Sciences Hierarchical Focus+Context Heterogeneous Network Visualization Lei Shi Joint work with Qi Liao, Hanghang

Institute of Software, Chinese Academy of SciencesRelated Works - Semantic

OntoVis [Shen et al. ’06]

Ontology Graph

Page 11: Institute of Software, Chinese Academy of Sciences Hierarchical Focus+Context Heterogeneous Network Visualization Lei Shi Joint work with Qi Liao, Hanghang

Institute of Software, Chinese Academy of SciencesRelated Works - Topology

Cluster-based network visualization [Quigley’00][Auber’03][Abello’06][Shi’09]

Page 12: Institute of Software, Chinese Academy of Sciences Hierarchical Focus+Context Heterogeneous Network Visualization Lei Shi Joint work with Qi Liao, Hanghang

Institute of Software, Chinese Academy of SciencesRelated Works - Topology

Compression-based network visualization [Dunne‘13][Dwyer’13][Shi’13]

Page 13: Institute of Software, Chinese Academy of Sciences Hierarchical Focus+Context Heterogeneous Network Visualization Lei Shi Joint work with Qi Liao, Hanghang

Institute of Software, Chinese Academy of SciencesRelated Works - Others

• B. Shneiderman and A. Aris. Network visualization by semantic substrates. IEEE Transactions on Visualization and Computer Graphics, 12(5):733–740, 2006.

• A. Bezerianos, F. Chevalier, P. Dragicevic, N. Elmqvist, and J. D. Fekete. GraphDice: A system for exploring multivariate social networks. Computer Graphics Forum, 29(3):863–872, 2010.

• N. Cao, J. Sun, Y.-R. Lin, D. Gotz, S. Liu, and H. Qu. FacetAtlas: Multifaceted visualization for rich text corpora. IEEE Transactions on Visualization and Computer Graphics, 16(6):1172–1181, 2010.

• H. Kang, C. Plaisant, B. Lee, and B. B. Bederson. NetLens: Iterative exploration of content-actor network data. Information Visualization, 6(1):18–31, 2007.

• B. Lee, G. Smith, G. Robertson, M. Czerwinski, and D. S. Tan. FacetLens: exposing trends and relationships to support sensemaking within faceted datasets. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems, pages 1293–1302, 2009.

• C. Dunne, N. H. Riche, B. Lee, R. Metoyer, and G. Robertson. GraphTrail: analyzing large multivariate, heterogeneous networks while supporting exploration history. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems, pages 1663–1672, 2012.

• E. Gansner, Y. Koren, and S. North. Topological fisheye views for visualizing large graphs. In IEEE Symposium on Information Visualization (InfoVis’04), 2004.

Page 14: Institute of Software, Chinese Academy of Sciences Hierarchical Focus+Context Heterogeneous Network Visualization Lei Shi Joint work with Qi Liao, Hanghang

Institute of Software, Chinese Academy of SciencesMotivation

Can we combine them?(Semantic-based network visualization &

Topology-based network visualization)

Why to combine?Semantic-based: high compression rate but coarse-grainedTopology-based: low compression rate and too fine-grained

Page 15: Institute of Software, Chinese Academy of Sciences Hierarchical Focus+Context Heterogeneous Network Visualization Lei Shi Joint work with Qi Liao, Hanghang

Institute of Software, Chinese Academy of SciencesFramework

Hierarchical Focus+Context Approach

Semantic:

Semantic+Topology:

Topology

Video Demo: 1:10 ~ 3:58

Page 16: Institute of Software, Chinese Academy of Sciences Hierarchical Focus+Context Heterogeneous Network Visualization Lei Shi Joint work with Qi Liao, Hanghang

Institute of Software, Chinese Academy of SciencesSummarization Algorithms

Level 1/2: Semantic Aggregation (SA)

Allow multiple node type/attributes

Page 17: Institute of Software, Chinese Academy of Sciences Hierarchical Focus+Context Heterogeneous Network Visualization Lei Shi Joint work with Qi Liao, Hanghang

Institute of Software, Chinese Academy of SciencesSummarization Algorithms

Level 4: Strong Structural Equivalence (SSE)

Mostly topology-based summarization

Page 18: Institute of Software, Chinese Academy of Sciences Hierarchical Focus+Context Heterogeneous Network Visualization Lei Shi Joint work with Qi Liao, Hanghang

Institute of Software, Chinese Academy of SciencesSummarization Algorithms

Level 3: Regular Equivalence

Too many regular equivalence possibilities…

Page 19: Institute of Software, Chinese Academy of Sciences Hierarchical Focus+Context Heterogeneous Network Visualization Lei Shi Joint work with Qi Liao, Hanghang

Institute of Software, Chinese Academy of SciencesSummarization Algorithms

Level 3: Relative Regular Equivalence (RRE)

Regular equivalence over semantic aggregationA simplification of Regular Interior

Page 20: Institute of Software, Chinese Academy of Sciences Hierarchical Focus+Context Heterogeneous Network Visualization Lei Shi Joint work with Qi Liao, Hanghang

Institute of Software, Chinese Academy of SciencesSummarization Algorithms

Structural EquivalenceSemantic Aggregation

Relative Regular Equivalence

Allow fuzzy equivalence through k-mean

Page 21: Institute of Software, Chinese Academy of Sciences Hierarchical Focus+Context Heterogeneous Network Visualization Lei Shi Joint work with Qi Liao, Hanghang

Institute of Software, Chinese Academy of SciencesPerformance

Semantic Aggregation

Structural EquivalenceRelative Regular Equivalence

Page 22: Institute of Software, Chinese Academy of Sciences Hierarchical Focus+Context Heterogeneous Network Visualization Lei Shi Joint work with Qi Liao, Hanghang

Institute of Software, Chinese Academy of SciencesVisual Design: OnionGraph

By node type

By node attribute

By RRE

Data legend

Onions

Page 23: Institute of Software, Chinese Academy of Sciences Hierarchical Focus+Context Heterogeneous Network Visualization Lei Shi Joint work with Qi Liao, Hanghang

Institute of Software, Chinese Academy of SciencesInteractions

Network navigation: Hierarchical focus+context (v.s. hierarchical traversal)

Multiple focuses: Through abstraction profiling

Network filters: Global node filtering (v.s. local filtering)

Neighborhood charting: Show the distribution of neighborhood attributes (roles)

Page 24: Institute of Software, Chinese Academy of Sciences Hierarchical Focus+Context Heterogeneous Network Visualization Lei Shi Joint work with Qi Liao, Hanghang

Institute of Software, Chinese Academy of SciencesCase Study

HUA communication network visual analytics

Page 25: Institute of Software, Chinese Academy of Sciences Hierarchical Focus+Context Heterogeneous Network Visualization Lei Shi Joint work with Qi Liao, Hanghang

Institute of Software, Chinese Academy of SciencesConclusion & Contribution

• We present OnionGraph: the “first” system that allow networks to be aggregated, visualized and navigated based on both topology and node semantics

• We propose a non-trivial hierarchical approach, including a suite of node clustering algorithms, the focus+context interaction and the global filtering operations

• We design the “onion” metaphor to represent both the node aggregations and their hierarchy and attribute information

Page 26: Institute of Software, Chinese Academy of Sciences Hierarchical Focus+Context Heterogeneous Network Visualization Lei Shi Joint work with Qi Liao, Hanghang

Institute of Software, Chinese Academy of Sciences

Thank you !

This work is supported in part by NSFC grant 61379088, China National 973 project 2014CB340301, NSF grant IIS1017415, U.S. Army Research Laboratory Cooperative Agreement W911NF-09-2-0053 and DARPA project W911NF-12-C-0028.

We thank anonymous reviewers for their instructive comments and suggestions that help to shape this work!