Visualization Schemas for Flexible Information Visualization Chris North, Nathan Conklin, Varun...
-
Upload
osborn-sharp -
Category
Documents
-
view
215 -
download
0
Transcript of Visualization Schemas for Flexible Information Visualization Chris North, Nathan Conklin, Varun...
![Page 1: Visualization Schemas for Flexible Information Visualization Chris North, Nathan Conklin, Varun Saini Proceedings of IEEE Symposium on InforVis’02 Presented.](https://reader038.fdocuments.us/reader038/viewer/2022110322/56649d1a5503460f949ef199/html5/thumbnails/1.jpg)
Visualization Schemas for Flexible Information Visualization
Chris North, Nathan Conklin, Varun SainiProceedings of IEEE Symposium on InforVis’02
Presented by Mei Huang, Chunyuan Liao
Apr. 21,2005
![Page 2: Visualization Schemas for Flexible Information Visualization Chris North, Nathan Conklin, Varun Saini Proceedings of IEEE Symposium on InforVis’02 Presented.](https://reader038.fdocuments.us/reader038/viewer/2022110322/56649d1a5503460f949ef199/html5/thumbnails/2.jpg)
Outline
Relational Data Schema Motivation Related Work Snap-Together Datacompass Summary & Remarks
![Page 3: Visualization Schemas for Flexible Information Visualization Chris North, Nathan Conklin, Varun Saini Proceedings of IEEE Symposium on InforVis’02 Presented.](https://reader038.fdocuments.us/reader038/viewer/2022110322/56649d1a5503460f949ef199/html5/thumbnails/3.jpg)
Relational Data Schema Structural description of data sets Primitives: attributes, tuples and relations
![Page 4: Visualization Schemas for Flexible Information Visualization Chris North, Nathan Conklin, Varun Saini Proceedings of IEEE Symposium on InforVis’02 Presented.](https://reader038.fdocuments.us/reader038/viewer/2022110322/56649d1a5503460f949ef199/html5/thumbnails/4.jpg)
Motivation
Relational data schema enables flexible database design
No corresponding flexible ways to construct effective UI and visualization-- unique data schema unique
visualization/coordination
-- database keeps changing
-- different views for same data
![Page 5: Visualization Schemas for Flexible Information Visualization Chris North, Nathan Conklin, Varun Saini Proceedings of IEEE Symposium on InforVis’02 Presented.](https://reader038.fdocuments.us/reader038/viewer/2022110322/56649d1a5503460f949ef199/html5/thumbnails/5.jpg)
Mismatch in design capabilities
Relational Databases
Traditional Visualization
Design Goal Data design Visualization design
Design Method Data schema Program code
Designer Data owner Programmer only
Design Change Rapid, dynamic Slow, static
Adaptability Flexible Brittle
![Page 6: Visualization Schemas for Flexible Information Visualization Chris North, Nathan Conklin, Varun Saini Proceedings of IEEE Symposium on InforVis’02 Presented.](https://reader038.fdocuments.us/reader038/viewer/2022110322/56649d1a5503460f949ef199/html5/thumbnails/6.jpg)
Related Work
Single relation visualization APT Sage/SageBrush DEVise
Multiple relation visualization Visage DataSplash/Tioga-2 Rivet/Polaris Sieve
![Page 7: Visualization Schemas for Flexible Information Visualization Chris North, Nathan Conklin, Varun Saini Proceedings of IEEE Symposium on InforVis’02 Presented.](https://reader038.fdocuments.us/reader038/viewer/2022110322/56649d1a5503460f949ef199/html5/thumbnails/7.jpg)
DEVise
http://www.cs.wisc.edu/~devise/devise/quick_intro/index.html
![Page 8: Visualization Schemas for Flexible Information Visualization Chris North, Nathan Conklin, Varun Saini Proceedings of IEEE Symposium on InforVis’02 Presented.](https://reader038.fdocuments.us/reader038/viewer/2022110322/56649d1a5503460f949ef199/html5/thumbnails/8.jpg)
Visage
www-2.cs.cmu.edu/~sage/visage.html
![Page 9: Visualization Schemas for Flexible Information Visualization Chris North, Nathan Conklin, Varun Saini Proceedings of IEEE Symposium on InforVis’02 Presented.](https://reader038.fdocuments.us/reader038/viewer/2022110322/56649d1a5503460f949ef199/html5/thumbnails/9.jpg)
DataSplash/Tioga-2
http://datasplash.cs.berkeley.edu/tour_quick.html
![Page 10: Visualization Schemas for Flexible Information Visualization Chris North, Nathan Conklin, Varun Saini Proceedings of IEEE Symposium on InforVis’02 Presented.](https://reader038.fdocuments.us/reader038/viewer/2022110322/56649d1a5503460f949ef199/html5/thumbnails/10.jpg)
Polaris
http://graphics.stanford.edu/projects/polaris/
![Page 11: Visualization Schemas for Flexible Information Visualization Chris North, Nathan Conklin, Varun Saini Proceedings of IEEE Symposium on InforVis’02 Presented.](https://reader038.fdocuments.us/reader038/viewer/2022110322/56649d1a5503460f949ef199/html5/thumbnails/11.jpg)
Snap-Together -- Overview
A strong analogy between relational database concepts and Snap visualization concepts enables a matching level of design capability.
Demo
![Page 12: Visualization Schemas for Flexible Information Visualization Chris North, Nathan Conklin, Varun Saini Proceedings of IEEE Symposium on InforVis’02 Presented.](https://reader038.fdocuments.us/reader038/viewer/2022110322/56649d1a5503460f949ef199/html5/thumbnails/12.jpg)
Snap-Together -- Theory(1)
Snap Visualization Model Multiple views/Components
Schema primitives
Data-centric coordination and Joins
![Page 13: Visualization Schemas for Flexible Information Visualization Chris North, Nathan Conklin, Varun Saini Proceedings of IEEE Symposium on InforVis’02 Presented.](https://reader038.fdocuments.us/reader038/viewer/2022110322/56649d1a5503460f949ef199/html5/thumbnails/13.jpg)
Snap-Together -- Theory(2) Self Join
eg: TreeView [URLs] Table view
Single Joineg: TreeView [URLs] [HitCounts] Scatterplot
Compound Join
eg: TreeView [URLs] [Hits] [Referrers] TableView
Multiple alternative joineg:
TreeView [URLs] [Hits] [Referrers] TableView
TreeView [URLs] [Links] [Referrers] TableView
url_id
url_id refer_id
url_id
url_id
refer_id
refer_id
![Page 14: Visualization Schemas for Flexible Information Visualization Chris North, Nathan Conklin, Varun Saini Proceedings of IEEE Symposium on InforVis’02 Presented.](https://reader038.fdocuments.us/reader038/viewer/2022110322/56649d1a5503460f949ef199/html5/thumbnails/14.jpg)
Snap-Together -- User Interface
Visualization Schemas
-- represented as a graph and support direct manipulation Nodes
-- represent instantiated visualization components Edges
-- represent coordinations between visualizations
![Page 15: Visualization Schemas for Flexible Information Visualization Chris North, Nathan Conklin, Varun Saini Proceedings of IEEE Symposium on InforVis’02 Presented.](https://reader038.fdocuments.us/reader038/viewer/2022110322/56649d1a5503460f949ef199/html5/thumbnails/15.jpg)
Snap-Together -- System Architecture
Theory UI ArchitectureCoordinated
Muti-views
Visualization Model -Visualization
-Coordination
Relational Model
- Relation
- Association
Data
SourceRelationalDatabase
RelationalDatabase
CoordinationManager
CoordinationGraph
VisualizationSchema
DatabaseSchema
DatabaseManager
![Page 16: Visualization Schemas for Flexible Information Visualization Chris North, Nathan Conklin, Varun Saini Proceedings of IEEE Symposium on InforVis’02 Presented.](https://reader038.fdocuments.us/reader038/viewer/2022110322/56649d1a5503460f949ef199/html5/thumbnails/16.jpg)
Snap server
Event-based coordination Send -> Translate -> Receive
-> selection/navigate Extendable architecture
![Page 17: Visualization Schemas for Flexible Information Visualization Chris North, Nathan Conklin, Varun Saini Proceedings of IEEE Symposium on InforVis’02 Presented.](https://reader038.fdocuments.us/reader038/viewer/2022110322/56649d1a5503460f949ef199/html5/thumbnails/17.jpg)
DataCompass
For novice users or very complex database schemas
One-step construction Interchangeable with
visualization schema Bottom-up approach vs.
Top down approach
![Page 18: Visualization Schemas for Flexible Information Visualization Chris North, Nathan Conklin, Varun Saini Proceedings of IEEE Symposium on InforVis’02 Presented.](https://reader038.fdocuments.us/reader038/viewer/2022110322/56649d1a5503460f949ef199/html5/thumbnails/18.jpg)
Summary-- Snap’s three perspectives
Theory: multi-view visualization, coordinating between data design and visualization design
UI: diagrammatic UI to enable rapid customization of visualization without programming
System Architecture: web-based component architecture to support run-time integration of diverse data sources and visualization tools, and dissemination of custom visualization as web pages.
![Page 19: Visualization Schemas for Flexible Information Visualization Chris North, Nathan Conklin, Varun Saini Proceedings of IEEE Symposium on InforVis’02 Presented.](https://reader038.fdocuments.us/reader038/viewer/2022110322/56649d1a5503460f949ef199/html5/thumbnails/19.jpg)
Remarks Merits:
A cohesive and extensible architecture for coordinating visualization components
Flexible and easy user interface, no programming needed
Shortcoming: No support for visual query No integration between query and visualization
schema Limited support for coordinated data navigation
( pan, zoom … )
![Page 20: Visualization Schemas for Flexible Information Visualization Chris North, Nathan Conklin, Varun Saini Proceedings of IEEE Symposium on InforVis’02 Presented.](https://reader038.fdocuments.us/reader038/viewer/2022110322/56649d1a5503460f949ef199/html5/thumbnails/20.jpg)
Thanks!