P3

Example'of'Mul6ple'Windows:'content' of'each'window'needs'to'be'included'

•  hXps://www.researchgate.net/figure/ Mul6ple[views[dashboard[HTML5[based[ visualiza6on[with[associated[storytelling[ panel_fig1_261456445'

'

A"glyph'is'a'graphical'object'designed'to' convey'mul6ple'data'values.' ' ' Colin'Ware.'Informa6on'Visualiza6on:'Percep6on'for' Design,'Second'Edi6on,'Morgan'Kaufmann'Publishers:'San' Francisco,'CA,'2004.'

Research'paper'

•  A Systematic Review of Experimental Studies on Data Glyphs – Catherine,'Trey,'Yesha,'Haroon,'Tae'Soo,'Hojun,' Teminijesu'

Hierarchical'Visualiza6on''

•  Hierarchical Aggregation for Information Visualization: Overview, Techniques, and Design Guidelines. – Adam, Abigail, Braden, Chengxu, Sibai,

Ryan and Senna •  The Design Space of Implicit Hierarchy

Visualization: A Survey – Hugh, Kristina, Garett, Ben, Josh, Chengxi

Mul6ple'Views'for'Informa6on' Visualiza6on''

•  Ingredients:' – Data' – Sta6s6cal'and'mathema6cal'paXerns' – Glphys' – Hierarchy' – Network'' – Uncertainty' – Percep6on'

hXps://sites.google.com/site/iedmrq/home/assignments[fall[2017/bonusextracreditassignment50ecpoints'

Note'

•  Mul6ple'view'of'the'geometry' – Camera'angles' – Ligh6ng'effects'

•  Mul6ple'view'of'the'structure,'meaning,' paXern'in'the'data' – Informa6on' – Knowledge' – Uncertainty'

Too'Much'Informa6on'

•  Strategy' – Piece'by'piece' – Organize' – Thread'pieces'together'

Design'Principles'

•  Coordinated'Views' – Coordinated'data'change'in'associated'views' – Coordinated'highlights'in'associated'views'

•  Coherent'Informa6on' – Common'high'level'goal'from'each'view'

•  Benefit'Higher'than'Cost' – Mental'load'is'higher'for'mul6ple'view' – Benefit'overshadows'mental'load'

Design'Principles'

•  More'than'one'view'is'needed' •  The'views'complement'one'another' •  Sweeping'all'views's6mulate'panoramic' thinking'' – Back'and'forth' – Inside'and'outside' – Up'and'down'

•  Space'usage'is'op6mized'