From Visual Exploration to Storytelling and Back Againsci.utah.edu/~vdl/papers/2016_eurovis_clue_talk.pdf · From Visual Exploration to Storytelling and Back Again Samuel Gratzl Alexander

From Visual Exploration to Storytelling

and Back Again

Samuel Gratzl Alexander Lex@alexander_lex

Nils Gehlenborg@nils_gehlenborg

Nicola Cosgrove@nicola_lady

Marc Streit@marc_streit

PresentationExploration

Guided visual exploration of genomic stratifications in cancerMarc Streit, Alexander Lex, Samuel Gratzl, Christian Partl, Dieter Schmalstieg, Hanspeter Pfister, Peter J. Park, andNils Gehlenborg, Nature Methods 11, 9 (2014), 884–885

Samuel Gratzl 3

Guided visual exploration of genomic stratifications in cancerMarc Streit, Alexander Lex, Samuel Gratzl, Christian Partl, Dieter Schmalstieg, Hanspeter Pfister, Peter J. Park, andNils Gehlenborg, Nature Methods 11, 9 (2014), 884–885

Samuel Gratzl 3

gapminder.orgSamuel Gratzl 4

Samuel Gratzl 5

PresentationExploration

Samuel Gratzl 5

Authoring

Exploration Presentation

finding figurevideo

Samuel Gratzl 6

Authoring

Exploration Presentation

finding figurevideo

Issues• fraction/selection of the

exploration• tell just the „good“ parts• no back link

Samuel Gratzl 6

Authoring

Exploration Presentation

finding figurevideo

Issues• fraction/selection of the

exploration• tell just the „good“ parts• no back link

„I have not failed. I've just found 10,000 ways that won't work”

Thomas A. Edison

https://en.wikipedia.org/wiki/File:Thomas_Edison2.jpg

Samuel Gratzl 6

Authoring

Exploration Presentation

finding figurevideo

Issues• fraction/selection of the

exploration• tell just the „good“ parts• no back link

Samuel Gratzl 6

Authoring

Exploration Presentation

finding figurevideo

Issues• fraction/selection of the

exploration• tell just the „good“ parts• no back link

J. Kaiser, “The Cancer Test,” Science, vol. 348, no. 6242, pp. 1411–1413, 2015.

continueHow to reproduce the presented exploration?

alter

How to go from visual exploration to storytelling

and back again?

Samuel Gratzl 10

C aptureL abelU nderstandE xplain

visualization driven explorations based on automated recorded provenance data.

Vistories• visual data stories• visual histories

stories consisting of authored subset of the provenance graph

Samuel Gratzl 11

Presentation

Authoring

Exploration

Samuel Gratzl 12

Presentation

Authoring

Exploration

Samuel Gratzl 12

Presentation

Authoring

Exploration

Samuel Gratzl 12

Shrinivasan and van Wijk, 2008Supporting the Analytical Reasoning Process in Information Visualization

Wohlfahrt and Hauser, 2007Story Telling for Presentation in Volume Visualization

Samuel Gratzl 13

Presentation

Authoring

Exploration

Provenance Graph Recording

Provenance Graph Visualization

Story Editor Visualization

Samuel Gratzl 14

Presentation

Authoring

Exploration

Provenance Graph Recording

Provenance Graph Visualization

Story Editor Visualization

Samuel Gratzl 14

Presentation

Authoring

Exploration

Provenance Graph Recording

Provenance Graph Visualization

Story Editor Visualization

Samuel Gratzl 14

Presentation

Authoring

Exploration

Provenance Graph Recording

Provenance Graph Visualization

Story Editor Visualization

Samuel Gratzl 14

Provenance Graph Recording• action-centered bi-partite graph• a state is determined by the action sequence from

the root

Samuel Gratzl 15

Provenance Graph Viewdegree-of-interest driven skewed node-link diagram

node = statelink = action

purposeexploration: orientation, navigationauthoring: selection

Samuel Gratzl 16

Samuel Gratzl 17

Story Editor Viewdefine one or multiple Vistories

• select provenance states• annotations (text, frame, arrow)• timing information

purposeauthoring: definition, annotationpresentation: orientation, navigation

Samuel Gratzl 18

Samuel Gratzl 19

Usage ScenariosGapminder StratomeX

http://vistories.org/v/gapminder http://vistories.org/v/stratomex

Samuel Gratzl 20

Implementationwrapper library around Caleydo Web applications

requires: command design pattern

open source (BSD license)http://github.com/Caleydo/caleydo_clue

Samuel Gratzl 21

what is tracked• visual exploration actions

what not• datasets• data processing / wrangling• application• meta provenance

Samuel Gratzl 22https://en.wiktionary.org/wiki/File:Iceberg.jpg

Samuel Gratzl 23

C aptureL abelU nderstandE xplain

a framework for reproducible, shareable, and communicable visual explorations

Provenance Graph Analysissupport user• similar states• possible next actions

insights• usage patterns• exploration strategies

Samuel Gratzl 24

• visual explorations tracked like source code

• provenance part of the supplementary material

• use case figures have a DOI linking to their Vistory

Samuel Gratzl 25

vistories.org

Samuel Gratzl 26

efficient collaborative

sustainable

From Visual Exploration to Storytelling and Back AgainSamuel Gratzl, Alexander Lex, Nils Gehlenborg, Nicola Cosgrove, and Marc Streit

caleydo.org github.com/Caleydo twitter.com/caleydo_org

[email protected]://clue.caleydo.org