Advanced Visualization Techniques

Facets, Focus+Context, Reduce


John Alexis Guerra Gómez| ja.guerrag[at]uniandes.edu.co| @duto_guerra
Jose Tiberio Hernández | jhernand[at]uniandes.edu.co
Universidad de los Andes


http://johnguerra.co/lectures/visualAnalytics_fall2017/11_Visualization_Techniques/

Based onslides from Tamara Munzner

Manipulate views

LineUP

http://vcg.seas.harvard.edu/files/pfister/files/2013_infovis_lineup.mp4
http://www.win.tue.nl/vis1/home/fvham/DL/callmatrix.pdf

LiveRAC

Geometric Zoom

http://blockbuilder.org/mbostock/3680958by mbostock

Semantic Zoom

http://blockbuilder.org/mbostock/3681006by mbostock

Facet Across Multiple Views

Linked Filtering (Crossfilter)

http://square.github.io/crossfilter/

Overview/Details

Same encoding / Subset of data / Linked Navigation

http://blockbuilder.org/mbostock/34f08d5e11952a80609169b7917d4172by mbostock

Small Multiples (cubism)

Same encoding / Different data / Linked Navigation

http://square.github.io/cubism/demo/

Multiform Overview/Details (Tweetometro)

Different encoding / Subset of data / Linked Navigation

http://tweetometro.co/

Multiform Overview (Treeversity)

Different encoding / All data / Linked Navigation

https://treeversity.cattlab.umd.edu/

Improvise

http://www.cs.ou.edu/~weaver/improvise/

Comparisson

  • Side by Side
  • Juxtaposition
  • Explicit differences
  • Animation

Comparison distance?

  • Consider what are you comparing
  • What is the distance between two points?

Clustering...

http://harthur.github.io/clusterfck/demos/colors/

Reduce Items and Attributes

t-SNE Explorations

http://distill.pub/2016/misread-tsne/

More extras

Tamara's slides on her work on dimensionality reduction

Embed, Focus+Context

Fish eye

https://bost.ocks.org/mike/fisheye/by mbostock