Visualizing Complex Systems CMPM 290A, F2017 Angus Forbes - - PowerPoint PPT Presentation

visualizing complex systems
SMART_READER_LITE
LIVE PREVIEW

Visualizing Complex Systems CMPM 290A, F2017 Angus Forbes - - PowerPoint PPT Presentation

Visualizing Complex Systems CMPM 290A, F2017 Angus Forbes angus@ucsc.edu creativecoding.soe.ucsc.edu github.com/CreativeCodingLab Beck et al., Dynamic Graph V Beck et al., Dynamic Graph Visual isualizat ization ion Fabian Beck, Michael


slide-1
SLIDE 1

Visualizing Complex Systems

CMPM 290A, F2017 Angus Forbes

angus@ucsc.edu creativecoding.soe.ucsc.edu github.com/CreativeCodingLab

slide-2
SLIDE 2

Beck et al., Dynamic Graph V Beck et al., Dynamic Graph Visual isualizat ization ion

Fabian Beck, Michael Burch, Stephan Diehl, and Daniel Weiskopf. “A T “A Taxonomy axonomy and Survey of Dynamic Graph and Survey of Dynamic Graph Visual isualizat ization.” Computer Graphics Forum ion.” Computer Graphics Forum 36(1), 2017. 36(1), 2017.

slide-3
SLIDE 3

Beck et al., Dynamic Graph V Beck et al., Dynamic Graph Visual isualizat ization ion

Overview of art Overview of article: icle:

  • hierarchical taxonomy of techniques
  • classified by their representation of time
  • either animated
  • or using a timeline
  • challenges for future research
slide-4
SLIDE 4

History of r History of resear esearch on dynamic graphs ch on dynamic graphs

1990s - A sub-problem of Graph Drawing: “node-link diagrams need to be animated without destroying the user’s mental image of the diagram”

  • mental map / cognitive map
slide-5
SLIDE 5

History of r History of resear esearch on dynamic graphs ch on dynamic graphs

2000s – Dynamic graphs for information visualization:

  • special
  • specialized appr

ized approaches for part

  • aches for particular

icular appl applicat ication domains ion domains

  • al
  • alter

ternat natives to animated node-l ives to animated node-link ink diagrams iagrams 2010s – Prolifieration of different techniques into many application domains

slide-6
SLIDE 6

Animat Animation - ion - “time-to-time mapping”

  • dynamic stability – needed to preserve a

mental map of the data

  • on-line vs. off-line
  • n-line: how do organize a useful

layout when you don’t know what the data will look like in the future?

  • ff-line what do you do with nodes that

aren’t used in a particular time-step?

slide-7
SLIDE 7

Animat Animation ion

  • compound graphs: where a group of

similar data points is represented as a single node; where structure within the data is indicated using a hierarchical representation

  • animated adjacency matrix: nodes

represented as items in a row/column; edges indicated as colored cells at the intersection of two nodes

slide-8
SLIDE 8

Timel Timeline - ine - “time-to-space mapping”

Node-link approaches: juxtaposed: copies of the nodes at each time-step are placed alongside each other superimposed: copies of the nodes at each time-step are stacked on top of each

  • ther

integrated: timeline info is embedded in the node-link diagram

slide-9
SLIDE 9

Timel Timeline - ine - “time-to-space mapping”

Matrix-based approaches: “The challenge is to connect the spatial encoding of time with the matrix information“, but “more readable for larger and denser graphs“ intra-cell: each cell contains a timeline representation layered: matrices for each time-step are layered or juxtaposed list-based: [easier to show it]

slide-10
SLIDE 10

How to evaluate? How to evaluate?

Algorithmic evaluation: speed, accuracy (according to a particular layout metric) User studies:

  • is a user’s mental map preserved?

augmented?

  • are people more comfortable with

animation or timeline approaches?

slide-11
SLIDE 11

Which appr Which approach is best

  • ach is best? (it depends...)

? (it depends...)

timeline:

  • quicker response time
  • reveals more findings over longer time

periods (non-adjacent time-steps) animation:

  • more accurately fulfill tasks
  • better supports tracing of nodes + paths
  • ver time
  • reveals more findings between adjacent

time-steps

slide-12
SLIDE 12

Appl Applicat ications ions

social networks: chats, online communities, blogger’s interests, interaction networks in literature, propagation

  • f topics in tweets, ...

documents (citation, topics, hyperlinks): co-authorship networks, research topics, co-citation networks, wikipedia links, ... software engineering: execution dynamics, information flow between processes, object interactions, call graphs, distributed software, author-file relationships, ...

  • ther: biological pathways, chemical reactions, gaze-

tracking data, evolution of internet, communication networks, stock portfolios, geographical migration, traffic data, movie-actor relationships, ...

slide-13
SLIDE 13

Resear Research Chal ch Challenges lenges

Evaluation: “only a few questions have been evaluated so far. Although most efforts have concentrated on the importance of the mental map, it is only partially clear for which tasks and to what extent the mental map needs to be preserved” Visual scalability: “So far, scalability has only played a minor role in designing most dynamic graph visual- ization approaches“ Hybrids: “there are a number of hybrid variants that appear to be promising: for instance, the combination

  • f node-link diagrams and matrices ... combinations of

animation and timeline approaches have not yet been fully explored”

slide-14
SLIDE 14

Resear Research Chal ch Challenges lenges

Extended data d Extended data dimensions imensions: “An open question is how to visualize a hierarchical structure that changes more significantly along with the dynamic graph” + Dynamic multivariate graphs, dynamic graphs with uncertainty information, geo-located graphs, graphs representing continuous time (instead of discrete time-steps). Interaction: “Navigation in dynamic graphs can have multiple dimensions: users might navigate in space (i.e. the static graph) as well as in time.” “annotating and editing a dynamic graph structure is not well studied.” Other: new visual metaphors; comparison tasks, analytic methods for filtering/clustering; real-time data; visualizing graph dynamics (derived data); new application domains ...

slide-15
SLIDE 15

Is t Is this taxonomy useful his taxonomy useful?

Your next assignment is to start sketching out how you will visualize your dynamic dataset.

  • Is it helpful to think in terms of previous

approaches?

  • Or is it more useful to let the data itself inspire

you?

  • Are there enough similarities between

different domains so that research in dynamic graphs is generalizable?

  • What is your preferred methodology for

generating an effective visualization technique?