This Time Next Time Ch 7/10: Tables, Color • paper: ArteryViz (carryforward from last time) • to read • chapters: Tables, Color –VAD Ch. 8: Arrange Spatial Data Paper: D3 –VAD Ch. 9: Arrange Networks –some new material, not just backup slides –paper: ABySS-Explorer: visualizing genome sequence assemblies.. Cydney B. Nielsen, • paper: D3 Shaun D. Jackman, Inanc Birol, Steven J.M. Jones. TVCG 15(6):881-8, 2009 (Proc. InfoVis –system context 2009). Ch 7: Arrange Tables Tamara Munzner • 3 shorter in-class exercises • [paper type: design study] Department of Computer Science –Two Numbers –paper: Interactive Visualization of Genealogical Graphs. Michael J. McGuffin, Ravin University of British Columbia Balakrishnan. Proc. InfoVis 2005, pp 17-24. –Bars/Radial • [paper type: technique] –Color Palettes CPSC 547, Information Visualization • to prepare Week 5: 10 October 2017 –project pitches (3 min each) http://www.cs.ubc.ca/~tmm/courses/547-17F 2 3 4 VAD Ch 7: Arrange Tables Encode tables: Arrange space Arrange tables How? Encode Manipulate Facet Encode Encode Manipulate Facet Reduce Encode Axis Orientation Express Values Map Arrange Change Juxtapose Filter Rectilinear Parallel Radial from categorical and ordered Express Separate Arrange Arrange attributes Color Express Separate Express Separate Separate, Order, Align Regions Hue Saturation Luminance Select Partition Aggregate Order Align Separate Order Size, Angle, Curvature, ... Layout Density Use Navigate Superimpose Embed Dense Space-Filling Order Align Order Align Shape Align Motion Direction, Rate, Frequency, ... Use 1 Key 2 Keys 3 Keys Many Keys List Matrix Volume Recursive Subdivision 5 6 7 8 Keys and values Idiom: scatterplot Some keys: Categorical regions Idiom: bar chart Tables 100 100 Express Values • key • express values • one key, one value 75 75 Attributes (columns) Separate Order Align 50 50 –independent attribute Items –quantitative attributes –data (rows) 25 25 –used as unique index to look up items • 1 categ attrib, 1 quant attrib • no keys, only values 0 0 Cell containing value –mark: lines –simple tables: 1 key –data –channels –multidimensional tables: multiple keys Multidimensional Table • 2 quant attribs Animal Type Animal Type • length to express quant value • regions : contiguous bounded areas distinct from each other • value –mark: points • spatial regions: one per mark –channels –using space to separate (proximity) –dependent attribute, value of cell – separated horizontally, aligned vertically Value in cell • horiz + vert position –following expressiveness principle for categorical attributes • classify arrangements by key count – ordered by quant attrib –tasks • use ordered attribute to order and align regions » by label (alphabetical), by length attrib (data-driven) –0, 1, 2, many... • find trends, outliers, distribution, correlation, clusters –task 1 Key 2 Keys 3 Keys Many Keys Express Values –scalability 1 Key 2 Keys 3 Keys Many Keys • compare, lookup values List Matrix Volume Recursive Subdivision List Matrix Volume Recursive Subdivision –scalability • hundreds of items • dozens to hundreds of levels for key attrib [A layered grammar of graphics. Wickham. Journ. Computational and Graphical Statistics 19:1 (2010), 3–28.] 9 10 11 12 Idiom: stacked bar chart Separated and Aligned but not Ordered Separated, Aligned and Ordered Separated but not Ordered or Aligned • one more key –data • 2 categ attrib, 1 quant attrib –mark: vertical stack of line marks • glyph : composite object, internal structure from multiple marks –channels [Using Visualization to Understand the • length and color hue Behavior of Computer Systems. Bosch. Ph.D. • spatial regions: one per glyph thesis, Stanford Computer Science, 2001.] – aligned: full glyph, lowest bar component – unaligned: other bar components –task • part-to-whole relationship –scalability LIMITATION: Hard to know rank. What’s the 4 th most? The 7 th ? LIMITATION: Hard to make comparisons • several to one dozen levels for stacked attrib [Slide courtesy of Ben Jones] [Slide courtesy of Ben Jones] [Slide courtesy of Ben Jones] 16
Recommend
More recommend
