After the End – Visualization 2015 CS 638/838 https://pages.graphics.cs.wisc.edu/765-15/ Hugo Recreation of the Web from Spring 2015 Visualization Class Tue, 24 Jan 2017 22:24:47 +0000 en-US hourly 1 https://wordpress.org/?v=5.7.11 2015 Readings https://pages.graphics.cs.wisc.edu/765-15/2016/12/23/2015-readings/ Fri, 23 Dec 2016 22:18:17 +0000 http://pages.graphics.cs.wisc.edu/765-15/?p=702

  • Reading Assignment 1: Getting Started
  • Reading Assignment 2: Perspectives on Visualization
  • Reading Assignment 3: Why Visualization?
  • Reading Assignment 4: Data and Task Abstraction
  • Reading Assignment 5: Think Differently!
  • Reading Assignment 6: Evaluation: How do we know it’s any good?
  • Reading 7: Design School in a Day
  • Reading 8: Perception 101
  • Reading 9: Encodings (1)
  • 838-Only Assignment 2: Original Sources
  • Reading and Discussion 10: Color 1
  • Reading 11: Color 2
  • Reading and Discussion 12&13: Encodings and Layout
  • Readings 14&15, Discussion 14: Graphs and Networks
  • Reading 16&17, Discussion 17: Bi-Variate, Multi-Variate
  • Readings 18&19, Discussion 18: Interaction
  • Reading 20: Too Much Stuff
  • Reading and Discussion 21: Uncertainty
  • Reading 22A: 3D (not D3)
  • Reading 22B: D3 (not 3D)
  • Reading 23: Videos

     

    Reading Assignment 1: Getting Started

    • Munzner Preface
    • Few Data Visualization for Human Perception
    • Course Web Page

    Reading Assignment 2: Perspectives on Visualization

    • Munzner chapter 1
    • Tufte “Graphical Excellence”
    • Tufte bio
    • Classifications of visualizations (CH1 of Illinsky and Steele)
    • Blog posts

    Reading Assignment 3: Why Visualization?

    • Ware Chapter 9
    • Chapter 2 of Visual Explanations (Tufte, Historical)
    • First 17 pages of “Using Visualization to Think”
    • Optional: Casual Vis

    Reading Assignment 4: Data and Task Abstraction

    • Munzner 2
    • Munzner 3

    Reading Assignment 5: Think Differently!

    • Agarwalla and Stolte Route Maps
    • (optional) Weird maps
    • (optional) Destination maps
    • Tour through the zoo
    • D3 examples page

    Reading Assignment 6: Evaluation: How do we know it’s any good?

    • Munzner 4 (optional paper)
    • Tufte “Fundamental Principles”
    • Bateman chart junk (future: replace with Borkin)
    • North Insight

    Reading 7: Design School in a Day

    • Williams
    • 2012 had more

    Reading 8: Perception 101

    • Ware 1 and 2
    • Healy and Enns (really Healy web survey)
    • (Optional) Franconeri survey
    • (Optional) Our survey
    • ??? Cleveland and MgGill

    Reading 9: Encodings (1)

    • Munzner 5 (see 10 below)

    838-Only Assignment 2: Original Sources

    • Munzner Typology
    • Design space of tasks
    • Eyes have it
    • Amar and Stasko
    • Borkin as Anti-Tufte

    Reading and Discussion 10: Color 1
    Reading 11: Color 2

    • Maureen class
    • Ware 4
    • Munzner 10 (more than color – could go with encoding)
    • (optional) Psych Textbook or Cartography Textbook
    • (optional) Color as 3 numbers
    • (optional) Poynton FAQ
    • Brewer (experimenting required)
    • Rainbow considered harmful
    • Expert choices (Stone)
    • (optional) Ware color sequences
    • (optional) Borkin arteries (required later)
    • Tufte EI 5
    • 3 part smashing tutorial on color

     

    Reading and Discussion 12&13: Encodings and Layout

    • Cleveland and McGill short
    • Cleveland and McGill long
    • Heer and Bostock Crowsourcing
    • Munzner 7 Arrange
    • Munzer 8 Arrange spatial
    • Ware 3 (structuring space)
    • Tufte EI 3 (layering and separation)

    Readings 14&15, Discussion 14: Graphs and Networks

    • Munzner 9
    • Treevis.net
    • Herman and Melancon
    • von Landesberger
    • Munzner video
    • Hierarchical edge bundles
    • Dwyer constraint-based layout
    • Purchase – aesthetics of graphs
    • Ware- measuring graph aesthetics

    Reading 16&17, Discussion 17: Bi-Variate, Multi-Variate

    • Ware textons
    • Trumbo bi-variate color
    • Miller attribute blocks
    • Color Weaving
    • Pixel-oriented techniques
    • 30 years of multi-variate
    • high dimensional survey from 2001
    • Scatterdice video
    • Parallel coords
    • (optional) flexible axes

    Readings 18&19, Discussion 18: Interaction

    • Heer and Schneiderman
    • Munzner 11 and 12

    Reading 20: Too Much Stuff

    • Ellis and Dix
    • Elmqvist and Fekete (hierarchy survey)
    • Splatterplots

    Reading and Discussion 21: Uncertainty

    • Boukhelifa, N., & Duke, D. J. (2009). Uncertainty visualization: why might it fail?
    • (optional) . Ken Brodlie, Osorio, R. A., & Lopes, A. (2012). Expanding the Frontiers of Visual Analytics and Visualization
    • Visual Semiotics & Uncertainty Visualization
    • Sketchy Rendering for Information Visualization.
    • Error Bars Considered Harmful: Exploring Alternate Encodings for Mean and Error.
    • alludes to implicit uncertainty paper
    • Cumming, G., & Finch, S. (n.d.). Inference by eye:

    Reading 22A: 3D (not D3)

    • Ware 5
    • Todd visual perceiption of shape
    • handbook of illustration
    • gooch npr
    • cipriano stylized molecules
    • (optional) light collages
    • (optional) suggestive contours (and notes)

    Reading 22B: D3 (not 3D)

    • D3 paper
    • D3 web
    • (optional) protovis paper

    Reading 23: Videos

    • volume rendering chapter
    • animated transitions
    • (need to have the steve response)
    • rosling video
    • animated transitions video
    • Print Friendly, PDF & Email
    ]]>         This is an Archived Web Page! https://pages.graphics.cs.wisc.edu/765-15/2016/11/11/this-is-an-archived-web-page/ Fri, 11 Nov 2016 17:05:32 +0000 http://pages.graphics.cs.wisc.edu/765-15/?p=696

    This website is for the 2015 Edition of the Visualization class. If you are looking for the Spring 2017 edition, please go here.

    Print Friendly, PDF & Email
    ]]>         The list of lectures (where did the time go? What was on the slides) https://pages.graphics.cs.wisc.edu/765-15/2015/06/08/the-list-of-lectures-where-did-the-time-go-what-was-on-the-slides/ Mon, 08 Jun 2015 22:44:11 +0000 http://pages.graphics.cs.wisc.edu/765-15/?p=693

    (This is a work in progress)

    1. Lecture 1 – January 20 – First Day

    • Slides (4 separate pieces – done with markdown – Powerpoint translation failed)
      • DS1 What is Vis
      • DS2 Who is the class for
      • DS3 What we will teach
      • DS4 How we will teach
      • Other examples not in slides (bar charts from psych paper, excel with grades)
    • Slide high points
      • definitions of visualizations
      • skiing pictures
      • physical visualizations
      • PhD comics
      • Tour bus metaphor
    • Examples
      • from the notetaking paper (remake the visualization without barcharts)

    2. Lecture 2 – January 22 – beginning the conversation

    • Slides (lots of separate pieces)
      • Lecture 2 (main part) – as markdown
      • Lecture 2 (quotes from discussion) – as markdown
      • Lecture 2 (hits an misses from my work) – as PPT

    3. Lecture 3 –  Jan 27 – Perspectives on Vis

    • Slides (as PPT)
    • Outline of slides
      • art and images
      • dividing up the field
      • sensing –> stories of the boy
      • Tufte
      • Tufte’s crusade
        • Bad problems
      • Anti-Tufte
      • striking visual examples
      • critique

    4. Lecture 4 – Jan 29 – Why Vis?

    • Slides as PPT (called “new” for some reason)
    • Outline
      • organizational stuff
      • critique practice
      • asking why

    5. Lecture 5 – Feb 3 – Abstraction

    • Slides in 2 parts
      • main lecture
      • advertizement for design school
    • Outline
      • Review of Tufte
      • Learning from John Snow
      • Sampling issues
      • Perception and Cognition overview
      • Abstraction
        • data abstraction
        • fields&tables, keys and values
        • data type algebra
      • Design school in a day preview / assignment explanation

    6. Lecture 6 – Feb 5 – Think Different

    • 2 versions of slides (in class and regular)
      • in class doesn’t include stuff at end: warp path views, destination maps
    • Outline
      • Apple Ads
      • Data type abstractions –> encodings
        • basic encodings examples (as the type calculus)
      • visual variables
      • time series averaging example
      • gallery of standard and non-standard designs
      • designing for a task
      • lost art of giving directions
      • route maps

    7. Lecture 7 – Feb 10 – Evaluation

    • Two sets of slides
      • the evaluation slides
      • the paris apartment slides (includes routemaps)
    • Outline
      • schools of thought
      • nested model
      • hooke’s microscope
      • empirical validity
      • tufte’s principles
      • critique as a tactic
      • (then the maps slides as critique problems)
      • Paris Apartment Problem (not sure we got to it?)

    8. Lecture 8 – Feb 12

    • Slides: Design Challenge
    • Slides: Design
    • Slides: RouteMaps (routemaps, warp maps, map tasks)
    • Graphic Design Principles
      • CRAP
    • Route Maps + Paris Apartment

    9. Lecture 9 – Feb 17 – Perception

    • Slides: Perception
    • Typography *fake bold vs. real bold
    • Light / sensing / eyes / optics
    • Fovea
    • Capacity limits
    • Bottlenecks / Attention limits/ Search Assymetries
    • low level vision and illusions
    • Popout
    • Gestault principles

    10. Lecture 10 – Feb 19 – Paris Apartment Problem

    Print Friendly, PDF & Email
    ]]>