Whereabouts News • Caitlin on travel this week and next week • Assign 2 marks not out yet – don’t expect email answers until she returns; email Tamara instead! –stay tuned, just got back from Stanford late last night Week 4: • Tamara on travel Thu Oct 6 - Mon Oct 10 • Today’s format Manipulate, Facet, Reduce –in Portland Fri/Sat to give another keynote, will still be answering email –interleave foundations & demos –short office hours in Sing Tao next week: 12:30-1:30pm • Tamara will walk through Tableau demos Last Time • you follow along step by step on your own laptop Tamara Munzner • Tamara will take breaks to rove the room to help out folks who get stuck Department of Computer Science University of British Columbia JRNL 520H, Special Topics in Contemporary Journalism: Data Visualization Week 4: 4 October 2016 http://www.cs.ubc.ca/~tmm/courses/journ16 2 3 4 Demo 1: Stone Color Workbook Demo 2: Intro to Maps How to handle complexity: 1 previous strategy + 3 more How? Encode Manipulate Facet Encode • Tableau Lessons Manipulate Facet Reduce • Credit: Maureen Stone, Tableau Research Manipulate Facet Reduce Map Derive Arrange Change Juxtapose Filter –designer of Tableau color defaults, author of A Field Guide to Digital Color –handling spatial data from categorical and ordered Express Separate attributes Change Juxtapose Filter –workbook from Tableau Customer Conference 2014 talk –multiple data sources Color Seriously Colorful: Advanced Color Principles & Practices –paths on maps Hue Saturation Luminance Select Partition Aggregate Order Align –more on handling missing data: filtering Size, Angle, Curvature, ... • derive new data to • Tableau Lessons Use Select Partition Aggregate Navigate Superimpose Embed show within view Shape –more visual encoding practice • Big Ideas • change view over time –color palettes, univariate & bivariate Motion Direction, Rate, Frequency, ... –discrete (categorical) vs continuous (quantitative) –integrating visual encoding design choices with given spatial data • facet across multiple Navigate Superimpose Embed views • Big Ideas • reduce items/attributes within single view –Tableau has many built-in features to get color right, but care still needed 5 6 7 8 Manipulate Change over time Idiom: Re-encode System: Tableau Idiom: Reorder System: LineUp • data: tables with many attributes • change any of the other choices Change over Time Navigate • task: compare rankings –encoding itself Item Reduction Attribute Reduction –parameters Zoom Slice –arrange: rearrange, reorder Geometric or Semantic –aggregation level, what is filtered... Select –interaction entails change Pan/Translate Cut Constrained Project [LineUp: Visual Analysis of Multi-Attribute Rankings. Gratzl, Lex, Gehlenborg, Pfister, and Streit. IEEE Trans. Visualization and Computer Graphics (Proc. InfoVis made using Tableau, http://tableausoftware.com 9 10 11 2013) 19:12 (2013), 2277–2286.] 12 Idiom: Realign System: LineUp Idiom: Animated transitions Select and highlight Navigate: Changing item visibility Select Navigate • stacked bars • smooth transition from one state to another • selection: basic operation for most interaction • change viewpoint Item Reduction –easy to compare –alternative to jump cuts • design choices –changes which items are visible within view Zoom • first segment –support for item tracking when amount of change is limited –camera metaphor –how many selection types? Geometric or Semantic • total bar • example: multilevel matrix views • zoom • click vs hover: heavyweight, lightweight • align to different segment – geometric zoom: familiar semantics • primary vs secondary: semantics (eg source/target) • example: animated transitions in statistical data graphics – semantic zoom: adapt object representation based on available pixels –supports flexible comparison • highlight: change visual encoding for selection targets – https://vimeo.com/19278444 » dramatic change, or more subtle one Pan/Translate –color • pan/translate • rotate • limitation: existing color coding hidden – especially in 3D –other channels (eg motion) Constrained –constrained navigation –add explicit connection marks between items • often with animated transitions • often based on selection set [LineUp: Visual Analysis of Multi-Attribute Rankings.Gratzl, Lex, Gehlenborg, Pfister, and Streit. IEEE [Using Multilevel Call Matrices in Large Software Projects. van Ham. Proc. IEEE Symp. Information Visualization (InfoVis), pp. 227–232, 2003.] Trans. Visualization and Computer Graphics (Proc. InfoVis 2013) 19:12 (2013), 2277–2286.] 13 14 15 16
Recommend
More recommend
