This is an Archived Web Page!

by Mike Gleicher on November 11, 2016

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

The four stories results.

Print Friendly, PDF & Email

This is the NEWS page

by Mike Gleicher on January 18, 2015

This is the new page for CS638/838 Data Visualization. It will be a stream of postings that are news about the class. If you’re in the class, this is probably the first thing you want to look at.

You might be looking for… A Feed of Basic Information about the class, particularly its summary as the Brief Syllabus. Or you might be looking for the Course Announcement.  Or perhaps the link to Canvas assignments, where assignments are turned in and discussions happen.

We suggest navigating the website by clicking on the category links to the right.

Print Friendly, PDF & Email

2015 Readings

by Mike Gleicher on December 23, 2016

  • 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 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

    More on Course Evaluations…

    by Mike Gleicher on May 5, 2015

    So, it seems that if you go to: https://aefis.engr.wisc.edu to do your course evaluation, you will see this class listed multiple times.

    The authorities have no idea why this is happening (I have a guess).

    But… it shouldn’t matter. They all should go to the same place. Just do one of them.

    Print Friendly, PDF & Email

    Course Evaluations

    May 5, 2015

    The official course evaluations can be done online. Log into: https://aefis.engr.wisc.edu and your should see either CS638 or CS838. Please do the official on-line evaluation! I really do read them, and it really helps for future planning. Our department is in the process of switching to on-line evaluations. This class is a pilot experiment. (since […]

    Print Friendly, PDF & Email
    Read the full article →

    Classes Next Semester…

    May 4, 2015

    Kevin Ponto is teaching his Virtual Reality class this coming Fall. Info is here. It should be cross-listed as a CS class, but the campus curriculum committee is taking its time processing the paperwork. I am teaching CS559, Computer Graphics, in the event that you’ve gotten used to having a Tuesday/Thursday 11am class with me. […]

    Print Friendly, PDF & Email
    Read the full article →

    Some thoughts on the first phase of the Design Challenge

    May 4, 2015

    I did not have a chance to read all of the Design Challenge 3 Critiques. But I did read many – and they were almost all really good. Here is some commentary on them, that might help for phase 2: People took a wide range of level of abstraction to consider. Some people critiqued the […]

    Print Friendly, PDF & Email
    Read the full article →

    The Week in Vis 15: The last week! (May 4-8)

    May 2, 2015

    Wow, we’ve gotten to the end. One big thing this week will be course evals. I may also give an additional survey to get more feedback. I actually really care about this, since I do want to know people’s opinions so I can plan future Vis courses. The exact mechanics will still be worked out […]

    Print Friendly, PDF & Email
    Read the full article →

    The last assignments…

    April 28, 2015

    We’re really getting to the end! Here are the last assignments… While not an assignment, we will do course evaluations on-line. Details coming soon. I really do care about your opinion, so please take the time to fill out an evaluation (even if just the few moments to fill in the numerical questions). I may […]

    Print Friendly, PDF & Email
    Read the full article →

    Seek and Find 14: A Last Example

    April 28, 2015

    Due Date: Wednesday, May 6th. Canvas Link: Seek and Find 14 on Canvas One last seek and find. This week, it’s your choice: pick a visualization. I’d like you to pick something that shows off the principles we’ve discussed over the semester. Preferably, something good: where the designer has made use of the things we’ve […]

    Print Friendly, PDF & Email
    Read the full article →