cs 171: visualizationcdn.cs50.net/2008/fall/lectures/11/cs171.pdfcs 171: visualization hanspeter...

CS 171:Visualization Hanspeter Pﬁster pﬁ[email protected]

Upload: others

Post on 03-Sep-2020

2 views

Category:

Documents

0 download

Report

Download

Embed Size (px):

TRANSCRIPT

Page 1: CS 171: Visualizationcdn.cs50.net/2008/fall/lectures/11/cs171.pdfCS 171: Visualization Hanspeter Pﬁster pﬁster@seas.harvard.edu. vi·su·al·ize 1.To form a mental image of

CS 171: VisualizationHanspeter Pfister

[email protected]

Page 2: CS 171: Visualizationcdn.cs50.net/2008/fall/lectures/11/cs171.pdfCS 171: Visualization Hanspeter Pﬁster pﬁster@seas.harvard.edu. vi·su·al·ize 1.To form a mental image of

vi·su·al·ize1. To form a mental

image of2. To make visible

The American Heritage Dictionary

Page 3: CS 171: Visualizationcdn.cs50.net/2008/fall/lectures/11/cs171.pdfCS 171: Visualization Hanspeter Pﬁster pﬁster@seas.harvard.edu. vi·su·al·ize 1.To form a mental image of

vi·su·al·ize1. To form a mental

image of2. To make visible3. To convey

information through visual representations

Yahoo Finance, NY Times, Map of the Market

Page 4: CS 171: Visualizationcdn.cs50.net/2008/fall/lectures/11/cs171.pdfCS 171: Visualization Hanspeter Pﬁster pﬁster@seas.harvard.edu. vi·su·al·ize 1.To form a mental image of

W. Playfair, 1786 / 1801

Page 5: CS 171: Visualizationcdn.cs50.net/2008/fall/lectures/11/cs171.pdfCS 171: Visualization Hanspeter Pﬁster pﬁster@seas.harvard.edu. vi·su·al·ize 1.To form a mental image of

Yahoo Finance

Page 6: CS 171: Visualizationcdn.cs50.net/2008/fall/lectures/11/cs171.pdfCS 171: Visualization Hanspeter Pﬁster pﬁster@seas.harvard.edu. vi·su·al·ize 1.To form a mental image of

NY Times

Page 7: CS 171: Visualizationcdn.cs50.net/2008/fall/lectures/11/cs171.pdfCS 171: Visualization Hanspeter Pﬁster pﬁster@seas.harvard.edu. vi·su·al·ize 1.To form a mental image of

Map of the Market

Page 8: CS 171: Visualizationcdn.cs50.net/2008/fall/lectures/11/cs171.pdfCS 171: Visualization Hanspeter Pﬁster pﬁster@seas.harvard.edu. vi·su·al·ize 1.To form a mental image of

Matthew Ericson, NY Times

Page 9: CS 171: Visualizationcdn.cs50.net/2008/fall/lectures/11/cs171.pdfCS 171: Visualization Hanspeter Pﬁster pﬁster@seas.harvard.edu. vi·su·al·ize 1.To form a mental image of

Matthew Ericson, NY Times

Communicate

Page 10: CS 171: Visualizationcdn.cs50.net/2008/fall/lectures/11/cs171.pdfCS 171: Visualization Hanspeter Pﬁster pﬁster@seas.harvard.edu. vi·su·al·ize 1.To form a mental image of

Answer Questions

Matthew Ericson, NY Times

Page 11: CS 171: Visualizationcdn.cs50.net/2008/fall/lectures/11/cs171.pdfCS 171: Visualization Hanspeter Pﬁster pﬁster@seas.harvard.edu. vi·su·al·ize 1.To form a mental image of

Page 12: CS 171: Visualizationcdn.cs50.net/2008/fall/lectures/11/cs171.pdfCS 171: Visualization Hanspeter Pﬁster pﬁster@seas.harvard.edu. vi·su·al·ize 1.To form a mental image of

2004 Elections

Matthew Ericson, NY Times

Page 13: CS 171: Visualizationcdn.cs50.net/2008/fall/lectures/11/cs171.pdfCS 171: Visualization Hanspeter Pﬁster pﬁster@seas.harvard.edu. vi·su·al·ize 1.To form a mental image of

Matthew Ericson, NY Times

Page 14: CS 171: Visualizationcdn.cs50.net/2008/fall/lectures/11/cs171.pdfCS 171: Visualization Hanspeter Pﬁster pﬁster@seas.harvard.edu. vi·su·al·ize 1.To form a mental image of

Matthew Ericson, NY Times

Page 15: CS 171: Visualizationcdn.cs50.net/2008/fall/lectures/11/cs171.pdfCS 171: Visualization Hanspeter Pﬁster pﬁster@seas.harvard.edu. vi·su·al·ize 1.To form a mental image of

Matthew Ericson, NY Times

Page 16: CS 171: Visualizationcdn.cs50.net/2008/fall/lectures/11/cs171.pdfCS 171: Visualization Hanspeter Pﬁster pﬁster@seas.harvard.edu. vi·su·al·ize 1.To form a mental image of

Matthew Ericson, NY Times

Uncover Patterns

Page 17: CS 171: Visualizationcdn.cs50.net/2008/fall/lectures/11/cs171.pdfCS 171: Visualization Hanspeter Pﬁster pﬁster@seas.harvard.edu. vi·su·al·ize 1.To form a mental image of

Many Eyes

Page 18: CS 171: Visualizationcdn.cs50.net/2008/fall/lectures/11/cs171.pdfCS 171: Visualization Hanspeter Pﬁster pﬁster@seas.harvard.edu. vi·su·al·ize 1.To form a mental image of

Wordle by Jonathan Feinberg, Many Eyes

Page 19: CS 171: Visualizationcdn.cs50.net/2008/fall/lectures/11/cs171.pdfCS 171: Visualization Hanspeter Pﬁster pﬁster@seas.harvard.edu. vi·su·al·ize 1.To form a mental image of

Inspire

Wordle by Jonathan Feinberg, Many Eyes

Page 20: CS 171: Visualizationcdn.cs50.net/2008/fall/lectures/11/cs171.pdfCS 171: Visualization Hanspeter Pﬁster pﬁster@seas.harvard.edu. vi·su·al·ize 1.To form a mental image of

CS 171 Goals

• Principles of effective visualizations

• Overview of visualization applications

• Implementing interactive visualizations

• Take your programming a step further

Page 21: CS 171: Visualizationcdn.cs50.net/2008/fall/lectures/11/cs171.pdfCS 171: Visualization Hanspeter Pﬁster pﬁster@seas.harvard.edu. vi·su·al·ize 1.To form a mental image of

Act I: Foundations

• Data Models

• Visual Perception & Cognitive Principles

• Color Encoding

• Design Principles

• Interaction Design

Page 22: CS 171: Visualizationcdn.cs50.net/2008/fall/lectures/11/cs171.pdfCS 171: Visualization Hanspeter Pﬁster pﬁster@seas.harvard.edu. vi·su·al·ize 1.To form a mental image of

Act II: Visualizations

• Charts & Graphs

• Maps & Google Earth

• Trees and Networks

• High-dimensional Data

• Text and Documents

• Images and Video

Page 23: CS 171: Visualizationcdn.cs50.net/2008/fall/lectures/11/cs171.pdfCS 171: Visualization Hanspeter Pﬁster pﬁster@seas.harvard.edu. vi·su·al·ize 1.To form a mental image of

Act III: Guest Lectures• Daniel Wigdor: Interaction

• Frank van Ham: Graph Visualization

• Jock Macinlay: Tableau

• B. Wong & J. Iwasa: Life Science Visualization

• Miriah Meyer: Scientific Visualization

• Gordon Kindlmann: Medical Visualization

• Martin Wattenberg: Social Visualization

• Ben Fry: Visualization & The Arts

Page 24: CS 171: Visualizationcdn.cs50.net/2008/fall/lectures/11/cs171.pdfCS 171: Visualization Hanspeter Pﬁster pﬁster@seas.harvard.edu. vi·su·al·ize 1.To form a mental image of

cs171.org

• Lectures: M, W 1:00 - 2:30 pm

• All lectures available online (live & archived)

• Four homework, one mid-term exam

• Final project (alone or in teams of two)

Department of Mathematics | - HistoricalBackgroundquadratic forms involved in these compositions are related to Pﬁster forms. In the 1960s Pﬁster found that for every m there do

533 SERIES - Microsoft · 2 4 3 5 6 Thank you for purchasing this Price Pﬁster kitchen faucet. All Price Pﬁster products are carefully engineered, and factory tested to provide

SISTEMA DE GESTION PAGINA : 1 de 18 FECHA : 11/12/2019 Ley ... · de 18 a 171 171 171 329 171 171 171 171 Orden de Compra Monto contratado Descripción / Nit / Proveedor Renglón

NS0-171.exam€¦ · NS0-171.exam.34q Number : NS0-171 Passing Score : 800 Time Limit : 120 min NS0-171 FlexPod Implementation and

Global Change 1: Physical Processes Environ 110, Biol 110, Geosci 171, AOSS 171, ENSCEN 171

CS171 Introduction to Computer Science II

Logical Agents A - ics.uci.edurickl/courses/cs-171/cs171-lecture-slides/... · poker player believes that another player will fold upon a large bluff. ... • Propositional logic

Introduction to Computer Programming - Adelphi …home.adelphi.edu/~siegfried/cs171/171c5.pdf · Introduction to Computer Programming ... System.out.println();} ... Math.ceil(value)

CS171:Introduction to Computer Science IIcs171000/share/slides/0124_java.pdf · Increment and Decrement Operators Operator Name Description ++var preincrement The expression (++var)

This Lecture Chapters 3.1 to 3.4 Next Lecture Chapter 3.5 to 3rickl/courses/cs-171/2014-fq-cs171/2014-w… · Example: Romania On holiday in Romania; currently in Arad. Flight leaves

Machine Learning – Classifiers and Boostingrickl/courses/cs-171/2012-fq-cs171/2012-wq-cs171... · – Boosting • Applications: learning to detect faces in images . You will be

CS171 Introduction to Computer Science II Hash Tablescheung/Courses/171/CS171-2012-Li/... · 2019. 10. 27. · CS171 Introduction to Computer Science II Hash Tables. Review •Sequential

Introduction to Computer Programming - Adelphi …home.adelphi.edu/~siegfried/cs171/171c4.pdf · Introduction to Computer Programming ... • Our initial algorithm is: 1. Set the

CS171 Introduction to Computer Science II Priority Queues and …cheung/Courses/171/CS171-2012-Li/... · 2019. 10. 27. · CS171 Introduction to Computer Science II Priority Queues

500-171 Study Guide and 500-171 Trainng Software

49 Series Serie 49 Série 49 - Faucet.com · ENGLISH ENGLISH 3 5 6 4 2 Thank you for purchasing this Price Pﬁster product. All Price FAUCET INSTALLATION Pﬁster products are carefully

cs171: final project final project varun bansal, cici cao, sofia hou Process Book april 20, 2012

Trabajamos 171

Gerhard Pﬁster - Ricam · Gerhard Pﬁster [email protected] Departement of Mathematics University of Kaiserslautern SINGULAR and Applications – p. 1. SINGULAR A Computer

Ricoh Aficio Mp 171 f Spf Aficio Mp 171

MRO Products & Solutions - 49 Series Serie 49 Série 49 · 2021. 5. 12. · ENGLISH ENGLISH 5 6 2 3 4 Thank you for purchasing this Price Pﬁster product. All Price Pﬁster products

Mary%Barth,%Gabriele%Pﬁster,Chris3ne Wiedinmyer ... · PDF fileBiogenic,)Fire,)Lightning)Emissions)and) ChemicalBoundaryCondions Mary%Barth,%Gabriele%Pﬁster,Chris3ne Wiedinmyer,

Maximilian Pfister Briefe aus China - CORE · Maximilian Pfister Briefe aus China Berichte des Heidelberger Arztes von 1922 bis 1936 in der Münchener Medizinischen Wochenschrift

(somewhat) Quick introduction to FuzzyCLIPSalumni.cs.ucr.edu/~vladimir/cs171/quickfuzzy.pdf · (somewhat) Quick introduction to FuzzyCLIPS ... tall, good, or high are fuzzy. ... if

CS171:Introduction to Computer Science II - Emory … · CS171:Introduction to Computer Science II ... problem solving 8/31 7a) Inheritance 28/31 7b) ... Microsoft PowerPoint - 02_java

1 Global Change 1: Physical Processes Environ 110, Biol 110, Geosci 171, AOSS 171, ENSCEN 171

Intro to Artificial Intelligence CS 171rickl/courses/cs-171/2012-wq-cs171/2012-… · Full joint distributions are difficult to work with oConditional independence assumptions allow

CS 171: Visualizationcdn.cs50.net/2007/fall/lectures/12/week12f2.pdfCS 171: Visualization Hanspeter Pﬁster pﬁ[email protected]. Matthew Ericson, NY Times. Explain ... • Final

Nr. 03/2003 Frühling Herbst Printemps Automne Primavera ... · Dr Gérard Pﬁster, med.int FMH Clair-Bois, Pinchat 5 ch. Henri-Baumgartner, 1234 VESSY e-mail: g-pﬁ[email protected]

Salaires, ﬂuctuations et partage des risques.jourdan.ens.fr/~askenazy/salaire.pdfJe remercie, Hector Calvo, Grégory Corcos, Christian Pﬁster,XavierRagot,PatrickSevestre,MathiasThoenigainsiqueles

Mid-term Review Chapters 2-7rickl/courses/cs-171/2012-wq-cs171/2012... · 2016-04-03 · • Robotic agent: cameras and infrared range finders for sensors; various motors for actuators

CS171:Introduction to Computer Science II Algorithm ...€¦ · Simple sort •Bubble sort •Selection sort •Insertion sort. Two useful sorting abstractions. BubbleSort • Intuition: