Animating Treemaps M. Ghoniem & J-D Fekete Ecole des Mines de Nantes.

9
Animating Treemaps M. Ghoniem & J-D Fekete Ecole des Mines de Nantes
  • date post

    21-Dec-2015
  • Category

    Documents

  • view

    213
  • download

    0

Transcript of Animating Treemaps M. Ghoniem & J-D Fekete Ecole des Mines de Nantes.

Page 1: Animating Treemaps M. Ghoniem & J-D Fekete Ecole des Mines de Nantes.

Animating Treemaps

M. Ghoniem & J-D FeketeEcole des Mines de Nantes

Page 2: Animating Treemaps M. Ghoniem & J-D Fekete Ecole des Mines de Nantes.

Why animate treemaps ?

When changing the weight attribute

e.g. from # of children to size of children

zooming in and out the tree is changing dynamically

The geometry may change a lotAnimation makes it possible to follow

the transition from one view to the other

Page 3: Animating Treemaps M. Ghoniem & J-D Fekete Ecole des Mines de Nantes.

Example

Page 4: Animating Treemaps M. Ghoniem & J-D Fekete Ecole des Mines de Nantes.

Main concerns

Visible continuity during the animation simple linear interpolation of the

geometry does not work!easy with slice and dice treemaps

Linear interpolation of the node weightsproblematic with squarified treemaps

Order is not maintained among siblings Chaotic jumps occur during the animation

Page 5: Animating Treemaps M. Ghoniem & J-D Fekete Ecole des Mines de Nantes.

Animation

Page 6: Animating Treemaps M. Ghoniem & J-D Fekete Ecole des Mines de Nantes.

Improving Continuity with Squarified Treemaps

Layout in Spiral order siblings turn instead of jumping

Problems taken individually, each level is easy to

follow as a whole, the animation is very

chaotic

Page 7: Animating Treemaps M. Ghoniem & J-D Fekete Ecole des Mines de Nantes.

Animating Squarified Treemaps (2)

Page 8: Animating Treemaps M. Ghoniem & J-D Fekete Ecole des Mines de Nantes.

Animating Squarified Treemaps

Page 9: Animating Treemaps M. Ghoniem & J-D Fekete Ecole des Mines de Nantes.

Work in progress

Improve continuity in animation level by level animation?

Experiment with other tree layout visualizations Sunburst Node Link Diagrams