Advanced Visualization Techniques


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_fall2018/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://old.tweetometro.co/

Multiform Overview (Treeversity)

Different encoding / All data / Linked Navigation

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

Improvise

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

Reduce Items and Attributes

Scented widgets paper

http://vis.berkeley.edu/papers/scented_widgets/

DOSFA Paper

http://www.cs.ubc.ca/~tmm/courses/cpsc533c-04-spr/readings/dimorder.pdf

Box Plot

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

Violin plot

http://blockbuilder.org/asielen/92929960988a8935d907e39e60ea8417by asielen

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

Some tips for presentation

Github project

  • Good README.md
  • Organize your folders
  • Meaningful comments (when committing)
  • Tweet about it with #dataviz

README.md

  • Include a meaningful Readme.md
  • Short and concise description of your project
  • Who, what, why, how? (human readable)
  • What insights can you get out of it
  • Link the class website
  • Link the project's demo
  • Link to the paper
  • A couple lines on how to run it

Presentation

  • 7 Minutes
  • Tell a story
  • Problem -> Alternatives -> Your solution -> Insights
  • Practice, practice, practice
  • Try to show a 30s demo video
  • Talk about your users
  • Avoid text on slides
  • Avoid repeating logos

Paper

  • Abstract: explain what you did to your granny
  • Parts
    • Intro: state problem
    • Related Work
    • Your solution
    • Evaluation
    • Conclusions

More about the paper