What’s when Reading Topics • 8 lectures in 4 weeks • same as before • Lectures 1&2 – Manipulate View –Mon & Wed, 11am-12:20pm (80 min), Mar 20 - Apr 12, ORCH 3058 Lectures 1&2: • Change over Time, Select, Navigate • 4 labs • core foundational material covered in lectures Manipulate & Interact –Mon, 2-4pm, Mar 20 - Apr 12, ESB 1042 • Lectures 3&4 –start work Mon 2pm, due next Mon 9am, 12.5% each – Facet Into Multiple Views • textbook as backup to lectures • 2 quizzes: Week 3 (Mon Apr 3) & week 5 (Thu Apr 20) • Juxtapose, Partition, Layer Tamara Munzner –Tamara Munzner. Visualization Analysis and Design. CRC Press, 2014. Department of Computer Science –2-2:30pm, 25% each • library has multiple ebook copies for free • Lectures 5&6 University of British Columbia • my (optional) office hrs are in ICICS/CS X661 • to buy yourself, see http://www.cs.ubc.ca/~tmm/vadbook/ – Reduce Items & Attributes –Mondays 5:30-6:30pm, Mar 20 - Apr 10 • Filter, Aggregate, Embed DSCI 532: Data Visualization 1I –or by appointment Lectures 1&2: 20 & 22 March 2017 • Lectures 7&8 https://github.ubc.ca/ubc-mds-2016/DSCI_532_viz-2_students – Usability/Validation & Case Studies 2 3 4 Labs How to handle complexity: 1 previous strategy + 3 more Manipulate How? Encode Manipulate Facet Encode • make visualizations as self-documenting as possible Manipulate Facet Reduce Manipulate Facet Reduce Change over Time Navigate Map Derive Arrange Change Juxtapose Filter –meaningful & useful title, labels, legends from categorical and ordered Express Separate Item Reduction Attribute Reduction attributes Change Juxtapose Filter • axes and panes/subwindows should have labels Color Zoom Slice – and axes should have good mix/max boundary tick marks Hue Saturation Luminance Select Partition Aggregate Order Align Geometric or Semantic • everything that’s plotted should have a legend Size, Angle, Curvature, ... – and own header/labels if not redundant with main title Select • derive new data to Use • use reasonable numerical format Select Partition Aggregate Navigate Superimpose Embed show within view Pan/Translate Cut – avoid scientific notation in most cases Shape • change view over time Motion Direction, Rate, Frequency, ... • facet across multiple Navigate Superimpose Embed Constrained Project views • reduce items/attributes within single view [ https://xkcd.com/833/ ] 5 6 7 8 Change over time Idiom: Change encoding System: Tableau Idiom: Change parameters Idiom: Change order/arrangement • change any of the other choices • widgets and controls • what: simple table –encoding itself –sliders, buttons, radio buttons, • how: data-driven reordering checkboxes, –parameters • why: find extreme values, trends dropdowns/comboboxes –arrange: rearrange, reorder • pros –(aggregation level, what is filtered…) –clear affordances, self-documenting (with labels) • cons –uses screen space • design choices –separated vs interleaved • controls & canvas [Growth of a Nation](http://laurenwood.github.io/) [Sortable Bar Chart](https://bl.ocks.org/mbostock/3885705) made using Tableau, http://tableausoftware.com slide inspired by: Alexander Lex, Utah 9 10 11 12 Idiom: Reorder Idiom: Reorder System: LineUp Idiom: Change alignment System: LineUp Idiom: Animated transitions System: DataStripes • what: table with many attributes • what: tables with many attributes; derived rankings based on weights • stacked bars • smooth interpolation from one state to another • how: data-driven reordering by selecting column • task: compare rankings –easy to compare –alternative to jump cuts, supports item tracking • why: find correlations between attributes • how: reorder by interactively changing weights • first segment –best case for animation • total bar –staging to reduce cognitive load • align to different segment • example: animated transitions in statistical data graphics –supports flexible comparison video: vimeo.com/19278444 [LineUp: Visual Analysis of Multi-Attribute Rankings.Gratzl, Lex, Gehlenborg, Pfister, and Streit. IEEE [ http://carlmanaster.github.io/datastripes/ ] [LineUp: Visual Analysis of Multi-Attribute Rankings. Gratzl, Lex, Gehlenborg, Pfister, and Streit. IEEE TVGC (Proc. InfoVis 2013) 19:12 (2013), 2277–2286.] [Animated Transitions in Statistical Data Graphics. Heer and Robertson. IEEE TVCG (Proc InfoVis 2007) 13(6):1240-1247, 2007] Trans. Visualization and Computer Graphics (Proc. InfoVis 2013) 19:12 (2013), 2277–2286.] 13 [LineUp Demo](https://lineup.caleydoapp.org) 14 15 16
Recommend
More recommend
