›› ExPlates ›› PivotLab ›› PurdueUniversity››West Lafayette, IN, USA»EuroVis2013»June17-21»LeipZig,Germany
›› ExPlates ›› PivotLab ›› PurdueUniversity››Life is a journey, not a destination.
›› ExPlates ›› PivotLab ›› PurdueUniversity››“Life is a journey, not a destination.”― Ralph Waldo Emerson (1803-1882)
›› ExPlates ›› PivotLab ›› PurdueUniversity››visual exploration [ˈvɪʒʊəl -zjʊ- ˈɛkspləˈreɪʃən], n.using visualization to a...
›› ExPlates ›› PivotLab ›› PurdueUniversity›› GOAL» Support visual exploration by spatializingthe interaction» Time → Spac...
›› ExPlates ›› PivotLab ›› PurdueUniversity››PREVIEW
›› ExPlates ›› PivotLab ›› PurdueUniversity››Why is this important?Why is this difficult?
›› ExPlates ›› PivotLab ›› PurdueUniversity››» Perception: many viewsyield high visual clutter» Memory: rememberingpast ch...
›› ExPlates ›› PivotLab ›› PurdueUniversity››
›› ExPlates ›› PivotLab ›› PurdueUniversity›› Exploration Plates (ExPlates)» Data-flow method for visualization thatautoma...
›› ExPlates ›› PivotLab ›› PurdueUniversity›› Plate Anatomy» Building block: exploration plate– Visualization state: data,...
›› ExPlates ›› PivotLab ›› PurdueUniversity›› Plate Types» Visualization plates: visualrepresentations of input data» Data...
›› ExPlates ›› PivotLab ›› PurdueUniversity››OutputanchorsInputanchorsControlareaVisualizationareaDatawires
›› ExPlates ›› PivotLab ›› PurdueUniversity›› Canvas and Layout» Infinitely zoomable visual canvas– Mouse control + automa...
›› ExPlates ›› PivotLab ›› PurdueUniversity››DEMO
›› ExPlates ›› PivotLab ›› PurdueUniversity››IMPLEMENTATION
›› ExPlates ›› PivotLab ›› PurdueUniversity›› Implementation» Web-based system (JavaScript + SVG)» Google Data Source API–...
›› ExPlates ›› PivotLab ›› PurdueUniversity››
›› ExPlates ›› PivotLab ›› PurdueUniversity››DISCUSSION
›› ExPlates ›› PivotLab ›› PurdueUniversity›› Discussion and Limitations» Scalability: complex exploration + size– Zooming...
›› ExPlates ›› PivotLab ›› PurdueUniversity››CONCLUSION
›› ExPlates ›› PivotLab ›› PurdueUniversity›› » Spatializing exploration– Branching visual history– Duplicate, do not upda...
›› ExPlates ›› PivotLab ›› PurdueUniversity››Questions?Niklas ElmqvistPurdue UniversityWest Lafayette, IN, USAelm@purdue.e...
Upcoming SlideShare
Loading in...5
×

ExPlates: Spatializing Interactive Analysis to Scaffold Visual Exploration

456

Published on

EuroVis 2013 conference presentation of the ExPlates data-flow system for multidimensional visualization.

Published in: Technology, Education
1 Comment
0 Likes
Statistics
Notes
  • Hi, Is this available for public?
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

No Downloads
Views
Total Views
456
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

ExPlates: Spatializing Interactive Analysis to Scaffold Visual Exploration

  1. 1. ›› ExPlates ›› PivotLab ›› PurdueUniversity››West Lafayette, IN, USA»EuroVis2013»June17-21»LeipZig,Germany
  2. 2. ›› ExPlates ›› PivotLab ›› PurdueUniversity››Life is a journey, not a destination.
  3. 3. ›› ExPlates ›› PivotLab ›› PurdueUniversity››“Life is a journey, not a destination.”― Ralph Waldo Emerson (1803-1882)
  4. 4. ›› ExPlates ›› PivotLab ›› PurdueUniversity››visual exploration [ˈvɪʒʊəl -zjʊ- ˈɛkspləˈreɪʃən], n.using visualization to analyze data, often withoutprior knowledge or questions about the data
  5. 5. ›› ExPlates ›› PivotLab ›› PurdueUniversity›› GOAL» Support visual exploration by spatializingthe interaction» Time → Space» Externalizes not just the data,but also the exploration process
  6. 6. ›› ExPlates ›› PivotLab ›› PurdueUniversity››PREVIEW
  7. 7. ›› ExPlates ›› PivotLab ›› PurdueUniversity››Why is this important?Why is this difficult?
  8. 8. ›› ExPlates ›› PivotLab ›› PurdueUniversity››» Perception: many viewsyield high visual clutter» Memory: rememberingpast choices and results» Reasoning: synthesizing multipledisparate findings is difficult
  9. 9. ›› ExPlates ›› PivotLab ›› PurdueUniversity››
  10. 10. ›› ExPlates ›› PivotLab ›› PurdueUniversity›› Exploration Plates (ExPlates)» Data-flow method for visualization thatautomatically spatializes interaction10Spatialize…
  11. 11. ›› ExPlates ›› PivotLab ›› PurdueUniversity›› Plate Anatomy» Building block: exploration plate– Visualization state: data, mapping, view– Input and output ports (anchors)– Connected by wires» Mutating ops create new plate(s)– Filtering, change visualization, transforms» Invariant ops update current plate– Color scale, viewport, formatting11
  12. 12. ›› ExPlates ›› PivotLab ›› PurdueUniversity›› Plate Types» Visualization plates: visualrepresentations of input data» Data plates: data transformations frominput to output» Annotation plates: add annotation tospecific locations on the canvas12
  13. 13. ›› ExPlates ›› PivotLab ›› PurdueUniversity››OutputanchorsInputanchorsControlareaVisualizationareaDatawires
  14. 14. ›› ExPlates ›› PivotLab ›› PurdueUniversity›› Canvas and Layout» Infinitely zoomable visual canvas– Mouse control + automatic operations» Grid-based semi-automatic layout– Padding for data wires» Two ways to create new plates– Manual (menu) or automatic (spatializing)14
  15. 15. ›› ExPlates ›› PivotLab ›› PurdueUniversity››DEMO
  16. 16. ›› ExPlates ›› PivotLab ›› PurdueUniversity››IMPLEMENTATION
  17. 17. ›› ExPlates ›› PivotLab ›› PurdueUniversity›› Implementation» Web-based system (JavaScript + SVG)» Google Data Source API– Google Docs (spreadsheets)– RSS/Atom feeds– XML files– CSV files» Rendering: RaphaëlJS (raphaeljs.com)– Extensible with other SVG toolkits (D3, etc)17
  18. 18. ›› ExPlates ›› PivotLab ›› PurdueUniversity››
  19. 19. ›› ExPlates ›› PivotLab ›› PurdueUniversity››DISCUSSION
  20. 20. ›› ExPlates ›› PivotLab ›› PurdueUniversity›› Discussion and Limitations» Scalability: complex exploration + size– Zooming and panning navigation– Web-based setting gives upper bound» Expertise: web-based but not intendedfor novice-level users» Comparison: relation to MDV tools– Data-flow (DataMeadow, GraphTrail)– Dashboard/workbench (Tableau, Spotfire)20
  21. 21. ›› ExPlates ›› PivotLab ›› PurdueUniversity››CONCLUSION
  22. 22. ›› ExPlates ›› PivotLab ›› PurdueUniversity›› » Spatializing exploration– Branching visual history– Duplicate, do not update» Data flow system– Automatic layout» Multidimensional data– Visualization + analysis» Web-based prototype– Live, dynamic updates
  23. 23. ›› ExPlates ›› PivotLab ›› PurdueUniversity››Questions?Niklas ElmqvistPurdue UniversityWest Lafayette, IN, USAelm@purdue.edu»EuroVis2013»June17-21»LeipZig,GermanyAll images are CreativeCommons from Flickr.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×