Hanspeter Pfister pfi[email protected]/2010/fall/lectures/11/cs171.pdfAmon Tobin...
Transcript of Hanspeter Pfister pfi[email protected]/2010/fall/lectures/11/cs171.pdfAmon Tobin...
![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 ...](https://reader036.fdocuments.us/reader036/viewer/2022070923/5fbb7d4a42bbff57ce6cea95/html5/thumbnails/3.jpg)
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 ...](https://reader036.fdocuments.us/reader036/viewer/2022070923/5fbb7d4a42bbff57ce6cea95/html5/thumbnails/4.jpg)
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 ...](https://reader036.fdocuments.us/reader036/viewer/2022070923/5fbb7d4a42bbff57ce6cea95/html5/thumbnails/5.jpg)
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 ...](https://reader036.fdocuments.us/reader036/viewer/2022070923/5fbb7d4a42bbff57ce6cea95/html5/thumbnails/6.jpg)
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 ...](https://reader036.fdocuments.us/reader036/viewer/2022070923/5fbb7d4a42bbff57ce6cea95/html5/thumbnails/7.jpg)
Matthew Ericson, NY Times
![Page 8: 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 ...](https://reader036.fdocuments.us/reader036/viewer/2022070923/5fbb7d4a42bbff57ce6cea95/html5/thumbnails/8.jpg)
“It is things that make us smart.”
Donald Norman
![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 ...](https://reader036.fdocuments.us/reader036/viewer/2022070923/5fbb7d4a42bbff57ce6cea95/html5/thumbnails/9.jpg)
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 ...](https://reader036.fdocuments.us/reader036/viewer/2022070923/5fbb7d4a42bbff57ce6cea95/html5/thumbnails/10.jpg)
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 ...](https://reader036.fdocuments.us/reader036/viewer/2022070923/5fbb7d4a42bbff57ce6cea95/html5/thumbnails/11.jpg)
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 ...](https://reader036.fdocuments.us/reader036/viewer/2022070923/5fbb7d4a42bbff57ce6cea95/html5/thumbnails/12.jpg)
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 ...](https://reader036.fdocuments.us/reader036/viewer/2022070923/5fbb7d4a42bbff57ce6cea95/html5/thumbnails/13.jpg)
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 ...](https://reader036.fdocuments.us/reader036/viewer/2022070923/5fbb7d4a42bbff57ce6cea95/html5/thumbnails/14.jpg)
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 ...](https://reader036.fdocuments.us/reader036/viewer/2022070923/5fbb7d4a42bbff57ce6cea95/html5/thumbnails/15.jpg)
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 ...](https://reader036.fdocuments.us/reader036/viewer/2022070923/5fbb7d4a42bbff57ce6cea95/html5/thumbnails/16.jpg)
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