16
CS 171:Visualization Hanspeter Pfister pfi[email protected]

Hanspeter Pfister pfi[email protected]/2010/fall/lectures/11/cs171.pdfAmon Tobin diohead Collins UNKLE Moby . Created Date: 11/15/2010 1:58:33 PM

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 3: Hanspeter Pfister pfister@seas.harvardcdn.cs50.net/2010/fall/lectures/11/cs171.pdfAmon Tobin diohead Collins UNKLE Moby . Created Date: 11/15/2010 1:58:33 PM

Yahoo Finance, NY Times, Map of the Market

To convey information through visual representations

Page 4: Hanspeter Pfister pfister@seas.harvardcdn.cs50.net/2010/fall/lectures/11/cs171.pdfAmon Tobin diohead Collins UNKLE Moby . Created Date: 11/15/2010 1:58:33 PM

Why?

Page 5: Hanspeter Pfister pfister@seas.harvardcdn.cs50.net/2010/fall/lectures/11/cs171.pdfAmon Tobin diohead Collins UNKLE Moby . Created Date: 11/15/2010 1:58:33 PM

Information Explosion

Page 6: Hanspeter Pfister pfister@seas.harvardcdn.cs50.net/2010/fall/lectures/11/cs171.pdfAmon Tobin diohead Collins UNKLE Moby . Created Date: 11/15/2010 1:58:33 PM

The Industrial Revolution of Data

Joe Hellerstein, UC Berkeley

Page 7: Hanspeter Pfister pfister@seas.harvardcdn.cs50.net/2010/fall/lectures/11/cs171.pdfAmon Tobin diohead Collins UNKLE Moby . Created Date: 11/15/2010 1:58:33 PM

Matthew Ericson, NY Times

Page 9: Hanspeter Pfister pfister@seas.harvardcdn.cs50.net/2010/fall/lectures/11/cs171.pdfAmon Tobin diohead Collins UNKLE Moby . Created Date: 11/15/2010 1:58:33 PM

Visualization

• Helps us think

• Reduces load on working memory

• Offloads cognition

• Uses the power of human perception

Page 10: Hanspeter Pfister pfister@seas.harvardcdn.cs50.net/2010/fall/lectures/11/cs171.pdfAmon Tobin diohead Collins UNKLE Moby . Created Date: 11/15/2010 1:58:33 PM

CS 171 Goals

• Principles of effective visualizations

• Gathering data (Python)

• Implementing interactive visualizations (Processing)

• Programming homework and a final project

Page 11: Hanspeter Pfister pfister@seas.harvardcdn.cs50.net/2010/fall/lectures/11/cs171.pdfAmon Tobin diohead Collins UNKLE Moby . Created Date: 11/15/2010 1:58:33 PM

Samir Paul & Jesse Rader

Page 12: Hanspeter Pfister pfister@seas.harvardcdn.cs50.net/2010/fall/lectures/11/cs171.pdfAmon Tobin diohead Collins UNKLE Moby . Created Date: 11/15/2010 1:58:33 PM

Jason Gao

Page 13: Hanspeter Pfister pfister@seas.harvardcdn.cs50.net/2010/fall/lectures/11/cs171.pdfAmon Tobin diohead Collins UNKLE Moby . Created Date: 11/15/2010 1:58:33 PM

Naveen Sinha

Page 14: Hanspeter Pfister pfister@seas.harvardcdn.cs50.net/2010/fall/lectures/11/cs171.pdfAmon Tobin diohead Collins UNKLE Moby . Created Date: 11/15/2010 1:58:33 PM

Karen Hansen

Page 15: Hanspeter Pfister pfister@seas.harvardcdn.cs50.net/2010/fall/lectures/11/cs171.pdfAmon Tobin diohead Collins UNKLE Moby . Created Date: 11/15/2010 1:58:33 PM

Xiao He

Page 16: Hanspeter Pfister pfister@seas.harvardcdn.cs50.net/2010/fall/lectures/11/cs171.pdfAmon Tobin diohead Collins UNKLE Moby . Created Date: 11/15/2010 1:58:33 PM

cs171.org

• Data and Image Models• Visual Perception• Cognitive Principles• Interaction Techniques• Color Encoding• Visualization Software Design• Designing 2D Graphs• Maps & Google Earth• Trees and Networks• Higher-dimensional Data• Text Visualization• Images and Video• Scientific Visualization• Life Science Visualization• Visualization & The Arts