Interactive Data Visualization
Advanced Concepts
http://romain.vuillemot.net/
@romsson
QUICK QUESTION
* How would you visualize this dataset?
QUICK QUESTION
* Enhanced table!
QUICK QUESTION
* Parallel coordinates
https://bl.ocks.org/jasondavies/1341281
* Parallel sets
https://www.jasondavies.com/parallel-sets/
* Star plots
http://bl.ocks.org/kevinschaul/8213691
QUICK QUESTION
* Multidimensional projection (e.g. PCA, T-SNE)
https://bl.ocks.org/Fil/b07d09162377827f1b3e266c43de6d2a
* LOTS/HEAVER pre-processing, probably need some data�analysis too, e.g. http://blog.applied.ai/visualising-high-dimensional-data/
MORE DATA TYPES
INTERACTIONS
* Allow humans to express a query using graphical elements (instead of SQL or Texte)
** Highlight�** Select/Filter�** Brushing and linking�** Zooming and panning�** Dynamic queries�** Details on demand
INTERACTIONS
Toward a Deeper Understanding of the Role of Interaction in Information Visualization�https://www.cc.gatech.edu/~stasko/papers/infovis07-interaction.pdf
EXAMPLE: DYNAMIC QUERIES (Ben Shneiderman, 1994)
Raw data
Processed data
Abstract visual form
Visual presentation
Visual mapping
Data transformations
View transformation
Physical presentation
Rendering
aggregation
selection
projection
filtrage
Filtrage temporel
Echantillonnage
Pand and Zoom
Rotation
ANIMATION
* Allows humans to understand change and understand complex �* However this is difficult for abstract shapes/properties as they have no natural sequence/order of action for change�* Usually need to be manually set and fine-tuned to make sure it is not too long/short and key-frames are well perceived�* Difficult to prototype without trial/error
*** Basic lazy solution is linear interpolation
Lasseter, John. "Principles of traditional animation applied to 3D computer animation." ACM Siggraph Computer Graphics. Vol. 21. No. 4. ACM, 1987. (url)
ANIMATION PARAMETERS
* Duration�* Interpolation types�* Stages�* Key-frames
�Ex: easing strategies
https://bl.ocks.org/mbostock/248bac3b8e354a9103c4�http://sol.gfxile.net/interpolation/index.html
Animated Transitions in Statistical Data Graphics Jeffrey Heer, George Robertson�IEEE Trans. Visualization & Comp. Graphics (Proc. InfoVis), 13(6), 1240–1247, 2007 (video)
MULTIPLE VIEWS
A
A
B
B
A
A
B
B
A
A
B
C
C
(a)
(b)
(c)
Multiple views by attributes permutation
* SMALL MULTIPLES
* PERMUTATION MATRIX