![Page 1: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/1.jpg)
The FlowVizMenu and Parallel Scatterplot Matrix:
Hybrid Multidimensional Visualizations for Network Exploration
Christophe Viau, École de technologie supérieure, MontrealMichael J. McGuffin, École de technologie supérieure, MontrealYves Chiricota, Université du Québec à Chicoutimi, ChicoutimiIgor Jurisica, Ontario Cancer Institute, Toronto
![Page 2: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/2.jpg)
Network exploration by graph metrics
?
![Page 3: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/3.jpg)
Network exploration by graph metrics
Computed metrics:• Degree
![Page 4: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/4.jpg)
Network exploration by graph metrics
Computed metrics:• Degree• Closeness centrality• Clustering coefficient• K-core decomposition• ...
![Page 5: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/5.jpg)
Network exploration by graph metrics
Computed metrics:• Degree• Closeness centrality• Clustering coefficient• K-core decomposition• ...
![Page 6: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/6.jpg)
Multi-dimensional visualizations
Scatterplot Matrix(SPLOM)
Parallel Coordinates
![Page 7: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/7.jpg)
Related workUsing a Scatterplot Matrix (SPLOM)and Node-Link Diagram to visualize a graph
GraphDice [Bezerianos et al., 2010]
![Page 8: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/8.jpg)
Related workIntegration of scatterplots and parallel coordinates
Steed et al., 2009 Holten and van Wijk, 2010
Yuan et al., 2009
![Page 9: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/9.jpg)
Our proposed interface
![Page 10: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/10.jpg)
Parallel Scatterplot Matrix
Our proposed interface
![Page 11: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/11.jpg)
Parallel Scatterplot Matrix
FlowVizMenu
Our proposed interface
![Page 12: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/12.jpg)
Parallel Scatterplot Matrix
FlowVizMenu
Attribute-Driven Layout
Our proposed interface
![Page 13: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/13.jpg)
A sequence of scatterplots
![Page 14: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/14.jpg)
A sequence of scatterplots
![Page 15: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/15.jpg)
Rotating scatterplots around the y-axis
![Page 16: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/16.jpg)
Rotating scatterplots around the y-axis
![Page 17: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/17.jpg)
Rotating scatterplots around the y-axis
![Page 18: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/18.jpg)
Parallel Scatterplot Matrix (P-SPLOM)
Scatterplot Matrix(SPLOM)
Rotating around x- or y-axes causes a transition from Scatterplot Matrix (SPLOM) to stacked Parallel Coordinates.
Parallel Coordinates
![Page 19: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/19.jpg)
Ordering of axes within P-SPLOM
Problem: traditional SPLOM ordering doesn’t yield useful parallel coordinates.
Repeated axes: useless for parallel coordinates
Axes are repeated in each row and column
![Page 20: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/20.jpg)
Ordering of axes within P-SPLOM
Solution: order the axes according to a Latin square.
Useful parallel coordinates Each row and column contains each axis once.
![Page 21: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/21.jpg)
Scatterplot Staircase (SPLOS)Inspired partly by quilts [Watson et al. 2008]
Sequence of scatterplots:treats one dimension differently.
Scatterplot Staircase (SPLOS): all dimensions treated uniformly; every adjacent pair of plots share an axis.
Parallel coordinates:more difficult to judge correlations than in scatterplots[Li et al., 2010]
![Page 22: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/22.jpg)
FlowVizMenu
• Variant of a FlowMenuwith embedded visualization
• Smoothly animated transitions
• Brushing and linking• More than
two dimensionspossible with PCA
![Page 23: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/23.jpg)
FlowVizMenu
In-out gesture to quicklyselect axes of scatterplot
![Page 24: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/24.jpg)
Attribute-Driven Layout (ADL)
ADL: Layout based ona scatterplot selected in the FlowVizMenu.
The network layoutcan be a mixture of• Attribute-Driven Layout (ADL)• Manual layout• Force-directed layout
![Page 25: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/25.jpg)
Demo
![Page 26: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/26.jpg)
Initial user feedbackFive bioinformaticians used our prototype and gave feedback.
All had experience working with network data.
Results:
Pros:• Exploring along multiple metrics, smooth transitions,
and integration of views were judged useful• All participants stated they would use the interface
if it were made available to them
Cons:• Some pairings of metrics within the scatterplots
may not be useful• Too many hotkeys + button combinations
in the current prototype
![Page 27: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/27.jpg)
Contributions:Three hybrid multidimensional visualization techniques for visualizing networks
![Page 28: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/28.jpg)
Contributions:Three hybrid multidimensional visualization techniques for visualizing networks
• A Parallel Scatterplot Matrix (P-SPLOM) that transitions between a scatterplot matrix and parallel coordinates
![Page 29: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/29.jpg)
Contributions:Three hybrid multidimensional visualization techniques for visualizing networks
• A Parallel Scatterplot Matrix (P-SPLOM) that transitions between a scatterplot matrix and parallel coordinates
![Page 30: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/30.jpg)
Contributions:Three hybrid multidimensional visualization techniques for visualizing networks
• A Parallel Scatterplot Matrix (P-SPLOM) that transitions between a scatterplot matrix and parallel coordinates
• A FlowVizMenu to quickly select the dimensions for an embedded scatterplot
![Page 31: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/31.jpg)
Contributions:Three hybrid multidimensional visualization techniques for visualizing networks
• A Parallel Scatterplot Matrix (P-SPLOM) that transitions between a scatterplot matrix and parallel coordinates
• A FlowVizMenu to quickly select the dimensions for an embedded scatterplot
![Page 32: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/32.jpg)
Contributions:Three hybrid multidimensional visualization techniques for visualizing networks
• A Parallel Scatterplot Matrix (P-SPLOM) that transitions between a scatterplot matrix and parallel coordinates
• A FlowVizMenu to quickly select the dimensions for an embedded scatterplot
• An Attribute-Driven Layout to configure the graph according to a scatterplot of graph metrics
![Page 33: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/33.jpg)
Future directions
• Application to other domains• Evaluation of performance and usability• Exploration of the design space of each visualization
(e.g., on a small screen)
![Page 34: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/34.jpg)
Acknowledgments
We thank our collaborators for their feedback: • SAP Business Objects • Members of Jurisica Lab at OCI• Members of the Multimedia Lab at ETS
This research was funded by an SAP Business ObjectsARC Fellowship, NSERC, and the FQRNT.
![Page 35: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/35.jpg)
Thank you
![Page 36: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/36.jpg)
![Page 37: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/37.jpg)
P-SPLOM: variants
![Page 38: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/38.jpg)
P-SPLOM: Pearson correlation coefficient
![Page 39: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/39.jpg)
P-SPLOM: Latin square
![Page 40: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/40.jpg)
P-SPLOM: another latin square
![Page 41: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/41.jpg)
Scatterplot Staircase
![Page 42: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/42.jpg)
Parallel Scatterplot Matrix (P-SPLOM)
• Rotating around x- or y-axes causes a transition from Scatterplot Matrix (SPLOM) to stacked Parallel Coordinates
![Page 43: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/43.jpg)
Ordering of axes within P-SPLOM
The traditional SPLOM ordering doesn’t produceinteresting parallel coordinates
Repeated axes: useless for parallel coordinates
![Page 44: The FlowVizMenu and Parallel Scatterplot Matrix: Hybrid Multidimensional Visualizations for Network Exploration Christophe Viau, École de technologie supérieure,](https://reader036.vdocuments.net/reader036/viewer/2022081514/56649f0e5503460f94c22497/html5/thumbnails/44.jpg)
P-SPLOM ordering
• We explored variants of latin square