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

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

Aug 16, 2020

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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