axes-based visualizations with radial layoutsct/pub_files/...christian tominski - axes-based...

15
Christian Tominski Slide 1/15 - Axes-Based Visualizations with Radial Layouts - Axes-Based Visualizations with Radial Layouts Christian Tominski James Abello Heidrun Schumann ACM Symposium on Applied Computing Nicosia, Cyprus 15 th of March 2004

Upload: others

Post on 25-Jul-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Axes-Based Visualizations with Radial Layoutsct/pub_files/...Christian Tominski - Axes-Based Visualizations with Radial Layouts - Slide 3/15 Introduction Visualization Multivariate

Christian Tominski Slide 1/15- Axes-Based Visualizations with Radial Layouts -

Axes-Based Visualizationswith Radial Layouts

Christian TominskiJames Abello

Heidrun Schumann

ACM Symposium on Applied ComputingNicosia, Cyprus

15th of March 2004

Page 2: Axes-Based Visualizations with Radial Layoutsct/pub_files/...Christian Tominski - Axes-Based Visualizations with Radial Layouts - Slide 3/15 Introduction Visualization Multivariate

Christian Tominski Slide 2/15- Axes-Based Visualizations with Radial Layouts -

Outline

● Introduction● Axes-Based Visualization

● Interactive Axes

● Radial Axes Arrangements

● VisAxes Framework● Demonstration

● Conclusion & Future Work

Page 3: Axes-Based Visualizations with Radial Layoutsct/pub_files/...Christian Tominski - Axes-Based Visualizations with Radial Layouts - Slide 3/15 Introduction Visualization Multivariate

Christian Tominski Slide 3/15- Axes-Based Visualizations with Radial Layouts -

IntroductionVisualization

● Multivariate data sets are everywhere: business data, scientific data, census data, human health data, etc.

● Data must be analyzed in order to make it valuable

● Visual analysis have proved to be an effective means

Filtering RenderingMappingRaw Data

Images

Page 4: Axes-Based Visualizations with Radial Layoutsct/pub_files/...Christian Tominski - Axes-Based Visualizations with Radial Layouts - Slide 3/15 Introduction Visualization Multivariate

Christian Tominski Slide 4/15- Axes-Based Visualizations with Radial Layouts -

IntroductionMotivation

● Data often inherit a dependency on one dimension of reference● Task: Depict the dependency of multiple variables on the

dimension of reference● Approaches:

– Standard techniques like line charts + Expressive for depicting this dependency,- Difficult to visualize multiple variables

– Special techniques like Parallel Coordinates+ Expressive for visualizing multiple variables - Hard to comprehend dependency for

all variables

● Idea: Join the efficiency of both approaches

Page 5: Axes-Based Visualizations with Radial Layoutsct/pub_files/...Christian Tominski - Axes-Based Visualizations with Radial Layouts - Slide 3/15 Introduction Visualization Multivariate

Christian Tominski Slide 5/15- Axes-Based Visualizations with Radial Layouts -

Axes-Based VisualizationGeneral Approach and Requirements

● General approach– Variables of a data set are mapped to axes– Axes are appropriately scaled and arranged on screen

A conceptual distinction of axes design andaxes arrangement is necessary

● Requirements– Development of general axes-based framework– Provide different axes for different visualization tasks and

different data types– Allow for a direct variable-axis-mapping manipulation– Examine expressiveness of different axes arrangements

Page 6: Axes-Based Visualizations with Radial Layoutsct/pub_files/...Christian Tominski - Axes-Based Visualizations with Radial Layouts - Slide 3/15 Introduction Visualization Multivariate

Christian Tominski Slide 6/15- Axes-Based Visualizations with Radial Layouts -

Axes-Based VisualizationAxes Design

● Simple Axis– Constitutes a min-

max-mapping ofa variable

● Scroll Axis– Sub-range of a

variable is mappedonto the axis

– Slider depicts sub-range andcan be used to interactively adjust the sub-range

variable range

simple axis

scroll axis

min max

sub-range

slider

Page 7: Axes-Based Visualizations with Radial Layoutsct/pub_files/...Christian Tominski - Axes-Based Visualizations with Radial Layouts - Slide 3/15 Introduction Visualization Multivariate

Christian Tominski Slide 7/15- Axes-Based Visualizations with Radial Layouts -

J F M A MOA S N DM A M JJ F

Axes-Based VisualizationAxes Design

● Focus+Context Axis– Constitutes a non-linear

min-max-mapping– Focus slider for interactive

focus and magnification adjustment● Hierarchical Axis

– Hierarchically organized variableslike time are represented by ahierarchical axes

– Nodes can be expandedor collapsed

J

variable

f+c axis

min max

f+c slider

hierarchicalvariable

Q1 Q2 Q3 Q4 Q1 Q2

2003 2004

hierarchicalaxisvisible nodes

Page 8: Axes-Based Visualizations with Radial Layoutsct/pub_files/...Christian Tominski - Axes-Based Visualizations with Radial Layouts - Slide 3/15 Introduction Visualization Multivariate

Christian Tominski Slide 8/15- Axes-Based Visualizations with Radial Layouts -

Axes-Based VisualizationAxes Arrangement

TimeWheel● Motivation: Point out the dimension of reference● Approach:

– Centrally exposed axis representing the dimension of reference

– Radially arranged axesrepresenting dependingvariables

– Data records are depictedby line segments

Variable axes Axis ofreference

lines connectingtime and variable

values

Page 9: Axes-Based Visualizations with Radial Layoutsct/pub_files/...Christian Tominski - Axes-Based Visualizations with Radial Layouts - Slide 3/15 Introduction Visualization Multivariate

Christian Tominski Slide 9/15- Axes-Based Visualizations with Radial Layouts -

Axes-Based VisualizationAxes Arrangement

Advancing the TimeWheel– Interactive rotation allows “focusing” different variables

– Emphasizing axes in focus● Aid users during data exploration and de-clutter the display● Axes length adjustment and color-fading

Page 10: Axes-Based Visualizations with Radial Layoutsct/pub_files/...Christian Tominski - Axes-Based Visualizations with Radial Layouts - Slide 3/15 Introduction Visualization Multivariate

Christian Tominski Slide 10/15- Axes-Based Visualizations with Radial Layouts -

Axes-Based VisualizationAxes Arrangement

MultiComb● Motivation: Make use of the expressiveness of line charts● Approach:

– Arrange plots radially– Each plot represent a depending

variable and the dimensionof reference directly

– Two variants:● Plots extending outwards

from the central point● Plots extending around

the central point

Page 11: Axes-Based Visualizations with Radial Layoutsct/pub_files/...Christian Tominski - Axes-Based Visualizations with Radial Layouts - Slide 3/15 Introduction Visualization Multivariate

Christian Tominski Slide 11/15- Axes-Based Visualizations with Radial Layouts -

Axes-Based VisualizationAxes Arrangement

Advancing the MultiComb● Use the center of the MultiComb to provide additional

information– Aggregate view in combination with a scroll axis

● Aggregated “history” values aremapped to small arcs

– Spike glyph for easy value comparison● Each value of a data record

is mapped to the length of a spikein the spike glyph

Page 12: Axes-Based Visualizations with Radial Layoutsct/pub_files/...Christian Tominski - Axes-Based Visualizations with Radial Layouts - Slide 3/15 Introduction Visualization Multivariate

Christian Tominski Slide 12/15- Axes-Based Visualizations with Radial Layouts -

Axes-Based VisualizationsVisualization Examples

Decreasing variable

Increasing variable

Change form decrease to increase

Change form increase to decrease

Outliers

TimeWheels on a map

Page 13: Axes-Based Visualizations with Radial Layoutsct/pub_files/...Christian Tominski - Axes-Based Visualizations with Radial Layouts - Slide 3/15 Introduction Visualization Multivariate

Christian Tominski Slide 13/15- Axes-Based Visualizations with Radial Layouts -

The Framework VisAxesArchitecture

● The presented techniques have been realized in the interactive framework VisAxes

● DataBox, ToolBox and VisAxesWindow are maincomponents of thearchitecture

● .Net and C# have beenused as developmentenvironment

VisAxes

DataBoxData provider

ToolBoxOptions, settings,visual adjustment,...

VisAxesWindow

AxesDesign

Arrange-ments

Page 14: Axes-Based Visualizations with Radial Layoutsct/pub_files/...Christian Tominski - Axes-Based Visualizations with Radial Layouts - Slide 3/15 Introduction Visualization Multivariate

Christian Tominski Slide 14/15- Axes-Based Visualizations with Radial Layouts -

The Framework VisAxesDemonstration

Page 15: Axes-Based Visualizations with Radial Layoutsct/pub_files/...Christian Tominski - Axes-Based Visualizations with Radial Layouts - Slide 3/15 Introduction Visualization Multivariate

Christian Tominski Slide 15/15- Axes-Based Visualizations with Radial Layouts -

Conclusion & Future Work

● Innovative interactive axes for easy data exploration● New axes arrangements for emphasizing one dimension of

reference in a multidimensional data set● Implementation of the concept in the modular axes-based

framework VisAxes

● Future work– Automatic variable-axis-mapping (similarity, correlation,...)– Extension of the techniques to 3D– User tests to prove eligibility of the approach