supporting story synthesis: bridging the gap between...

46
Supporting Story Synthesis: Bridging the Gap between Visual Analytics and Storytelling Siming Chen, Jie Li, Gennady Andrienko, Natalia Andrienko, Yun Wang, Phong H. Nguyen, and Cagatay Turkay (2018) 1

Upload: others

Post on 09-Oct-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

Supporting Story Synthesis: Bridging the Gap between

Visual Analytics and Storytelling

Siming Chen, Jie Li, Gennady Andrienko, Natalia Andrienko, Yun Wang, Phong H. Nguyen, and Cagatay Turkay

(2018)

1

Page 2: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

BackgroundResearch Problem Related Works Bridging the GapProposed Solution Thoughts

2

Page 3: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

BackgroundResearch Problem Related Works Bridging the GapProposed Solution Thoughts

3

Page 4: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

Visual Analytics

4

Figure 6. Visual analytics interface of social media, including (a) topic projection view, (b) topic comparison view, (c) user/location distribution view, (d) temporal view, (e) story slice generation parameters, and (f) raw data table.

Page 5: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

Visual Analytics

5

“Fancy visuals, cool interactions, but what does this mean?”

Figure 6. Visual analytics interface of social media, including (a) topic projection view, (b) topic comparison view, (c) user/location distribution view, (d) temporal view, (e) story slice generation parameters, and (f) raw data table.

Page 6: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

Storytelling

6

Figure 8. Layout methods to organize story slices according to different perspectives: (a) time cycles, (b) locations, (c) users, and (d) keywords.

Page 7: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

Storytelling

7

Figure 8. Layout methods to organize story slices according to different perspectives: (a) time cycles, (b) locations, (c) users, and (d) keywords.

Presenting results in an accessible way!

Page 8: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

Storytelling

‣ Helps non-experts connect the dots

‣ Effectively communicates insights

‣ Provides meaning and context to data

8

Page 9: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

BackgroundResearch Problem Related Works Bridging the GapProposed Solution Thoughts

9

Page 10: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

The Gap

10

Page 11: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

The Gap

11

Page 12: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

The Gap

12

Page 13: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

The Gap

13

How do we move from analysis to storytelling?

Page 14: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

The Gap

14

How do we move from analysis to storytelling?

Page 15: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

The Gap

15

How do we move from analysis to storytelling?

Multiple approaches but what we need is a data analysis to storytelling pipeline

Page 16: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

BackgroundResearch Problem Related Works Bridging the GapProposed Solution Thoughts

16

Page 17: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

Past Work

‣ Need for organizing story contents

‣ Existing works compose stories with annotated screen shots of analytic displays

‣ Provenance systems rely on completed analysis bookmarks

‣ Other systems rely on completed visualizations

17

Page 18: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

Past Work

‣ Need for organizing story contents

‣ Existing works compose stories with annotated screen shots of analytic displays

‣ Provenance systems rely on completed analysis bookmarks

‣ Other systems rely on completed visualizations

18

Inherits visual complexity of analytic displays

Page 19: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

Inherits visual complexity of analytic displays

Past Work

‣ Need for organizing story contents

‣ Existing works compose stories with annotated screen shots of analytic displays

‣ Provenance systems rely on completed analysis bookmarks

‣ Other systems rely on completed visualizations

19

No current systems are integrated into the analysis workflow!

Page 20: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

BackgroundResearch Problem Related Works Bridging the GapProposed Solution Thoughts

20

Page 21: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

Bridging the Gap

21

Figure 6. Proposed framework for bridging the gap.

Page 22: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

Bridging the Gap

22

Figure 6. Proposed framework for bridging the gap.

Extend analysis and storytelling workflows toward each other

Page 23: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

Bridging the Gap

23

Figure 6. Proposed framework for bridging the gap.

Story slice generation

Extend analysis and storytelling workflows toward each other

Page 24: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

Bridging the Gap

24

Figure 6. Proposed framework for bridging the gap.

Content preparation

Story slice generation

Extend analysis and storytelling workflows toward each other

Page 25: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

Story Slices

25

‣ Structured representations of findings during the course of analysis

‣ Define what facets (information) to capture

Page 26: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

Story Slices

26

VAST Challenge, analyze the circumstances of an epidemic outbreak via microblogs

‣ Structured representations of findings during the course of analysis

‣ Define what facets (information) to capture

Page 27: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

Story Slices

27

VAST Challenge, analyze the circumstances of an epidemic outbreak via microblogs

Epidemic and city were fictitious don’t worry

‣ Structured representations of findings during the course of analysis

‣ Define what facets (information) to capture

Page 28: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

Analytic Phase

28

Produce story slices during Analyze tasks

Figure 5. Visual analytics phase. After topic modelling, analysts explore the collection of messages from four perspectives and extract story slices.

Page 29: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

Story Slices

29

Page 30: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

Story Slices

30

Facets help guide visual arrangements in story contents

Page 31: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

Story Slices

31

Facets help guide visual arrangements in story contents

Story slices are the input to the story synthesis phase

Page 32: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

Facet Types

32

‣ Discrete categories with no relationships

‣ Discrete entities with domain-specific relationships

‣ Linearly ordered elements

‣ Linearly ordered elements with distances

‣ Time

‣ 1D/2D/3D space

Page 33: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

Facet Types

33

‣ Discrete categories with no relationships

‣ Discrete entities with domain-specific relationships

‣ Linearly ordered elements

‣ Linearly ordered elements with distances

‣ Time

‣ 1D/2D/3D space Facets specify possible arrangements and aggregations

Page 34: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

Facet Types

34

‣ Discrete categories with no relationships

‣ Discrete entities with domain-specific relationships

‣ Linearly ordered elements

‣ Linearly ordered elements with distances

‣ Time

‣ 1D/2D/3D space Facets specify possible arrangements and aggregations

These are very similar to the Abstract Data Types in VAD…

Page 35: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

BackgroundResearch Problem Related Works Bridging the GapProposed Solution Thoughts

35

Page 36: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

Story Synthesis

36

Story synthesis creates story contents from story slices by…

‣ Aggregating and summarizing story slices according to facets/measurements

‣ Embedding details into views/layouts

‣ Arranging story slices onto layouts according to facets/relationships

‣ Showing facets by priority and from multiple perspectives

‣Annotating

Page 37: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

Story Synthesis

37

Story synthesis creates story contents from story slices by…

‣ Aggregating and summarizing story slices according to facets/measurements

‣ Embedding details into views/layouts

‣ Arranging story slices onto layouts according to facets/relationships

‣ Showing facets by priority and from multiple perspectives

‣Annotating Story synthesis does not include the design of the final story!

Page 38: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

Story Synthesis

38

Figure 11. Output from story synthesis phase performed by sociology researcher.

Page 39: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

Story Synthesis

39

story slice keys

Figure 11. Output from story synthesis phase performed by sociology researcher.

Page 40: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

Story Synthesis

40

story slice attributes

story slice keys

Figure 11. Output from story synthesis phase performed by sociology researcher.

Page 41: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

Story Synthesis

41

Channels are used to convey facet information

Figure 11. Output from story synthesis phase performed by sociology researcher.

Page 42: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

New Framework

42

1. Define types and structures of story slices - What facets or patterns may be used from the data analysis phase?

2. Design representations of story slices - What data structure will be used to contain slice information? How will slices be visualized in the synthesis workspace?

3. Define story synthesis support functions.

4. Design the visual analytics system, including support for discovery of potential story slices.

Page 43: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

New Framework

43

1. Define types and structures of story slices - What facets or patterns may be used from the data analysis phase?

2. Design representations of story slices - What data structure will be used to contain slice information? How will slices be visualized in the synthesis workspace?

3. Define story synthesis support functions.

4. Design the visual analytics system, including support for discovery of potential story slices.

This framework can be used in designing visual analytics systems that provide support for story synthesis.

Page 44: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

BackgroundResearch Problem Related Works Bridging the GapProposed Solution Thoughts

44

Page 45: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

Good

45

☺Need for framework is well backed by current research☺Story slices help reason about abstract data more

☺Story slices capture model of analysis concept generation

☺Evaluated by two sociology experts (positive feedback)

Page 46: Supporting Story Synthesis: Bridging the Gap between ...tmm/courses/547-19/slides/silver-storysynth… · Visual analytics interface of social media, including (a) topic projection

Bad

46

☹ Paper didn’t do a great job proving generality of framework☹ Majority of examples used online text message data

☹ Paper structure could be improved to help understanding

☹ Both experts only interviewed for 1.5h using similar data

☹ Is this framework better suited for messaging data?