INFORMATION VISUALIZATION Alvitta Ottley Washington University in - - PowerPoint PPT Presentation

▶

Jul 18, 2023 15 likes •405 views

CSE 557A | Jan 16, 2018 INFORMATION VISUALIZATION Alvitta Ottley Washington University in St. Louis Slide Acknowledgements: Alex Lex and Mariah Meyer, University of Utah Remco Chang, Tufts University GETTING TO KNOW YOU Show of hand:

SLIDE 1

INFORMATION VISUALIZATION

Alvitta Ottley Washington University in St. Louis CSE 557A | Jan 16, 2018

Slide Acknowledgements: Alex Lex and Mariah Meyer, University of Utah Remco Chang, Tufts University

SLIDE 2

GETTING TO KNOW YOU…

Show of hand:

Know Java?
Taken Graphics?
Taken HCI?
Proficient with GUI frameworks or toolkit
Eg. Processing, D3, Javascript/ HTML 5, openGL, Java Swing, etc.
Design Background?
Have taken courses in art or design

SLIDE 3

What does Visualization mean to you? What do you hope to get from the course?

YOUR EXPECTATIONS

SLIDE 4

Try
Be creative
Participate
Integrity

MY EXPECTATIONS

SLIDE 5

The purpose of computing is insight, not numbers.

Richard Wesley Hamming

SLIDE 6

The purpose of computing is insight, not numbers.

Richard Wesley Hamming
Card, Mackinlay, Schneiderman

visualization pictures

SLIDE 7

A visualization is a visual representation of abstract data to aid human cognition

Must be based on data
The results must be readable, recognizable and useful

SLIDE 8

A good Data Visualization

Makes data accessible
Combines strengths of human

and computers

Enables insight
Communicates information
Supports decision-making

SLIDE 9

“Visualization is really about external cognition, that is, how resources outside the mind can be used to boost the cognitive capabilities of the mind.”

Stuart Card

SLIDE 10

Why not statistics?

SLIDE 11

Consider the following dataset:

SLIDE 12

Consider the following dataset:

SLIDE 13

Anscombe’s Quartet

SLIDE 14

Why not machine learning?

SLIDE 15

Why not machine learning?

Sometimes you just

want to explore the data.

Sometimes you don’t

know what questions you should ask.

Should you always trust

the algorithms?

SLIDE 16

Why visualize?

Communication: To inform humans. Exploration: When questions are not well defined.

Who is ahead in the election polls? Which drug can help patient X? What is the structure of a terrorist network?

SLIDE 17

Which cereal has the most fiber? Which cereal has the most potassium?

SLIDE 18

Fiber Potassium

Which cereal has the most fiber? Which cereal has the most potassium?

SLIDE 19

FINDING A CURE!

SLIDE 20

PRESERVING HISTORY

Napoleon’s March to Moscow (War of 1812)

SLIDE 21

THERE’S A VIS FOR THAT!

SLIDE 22

WHERE IS THE BEST PLACE TO SEND YOUR CHILD TO SCHOOL IN NYC?

Vis for that: http://itisaasta.com/nycs/

SLIDE 23

CAN I FLY MY KITE TODAY?

Vis for that: http://hint.fm/wind/

SLIDE 24

HOW EFFECTIVE ARE THE SEX OFFENDER LAWS IN ST. LOUIS?

Vis for that: https://washuvis.github.io/sexoffenders/

SLIDE 25

I WANT TO BUY FIND AN APARTMENT IN THE ST. LOUIS AREA. TELL ME ABOUT THE CRIME RATES.

Vis for that: crimemap

SLIDE 26

IN-CLASS ACTIVITY

Visualization Critique

SLIDE 27

Discuss with your neighbor: What is wrong with this visualization? How would you fix it?

SLIDE 28

Discuss with your neighbor: What is wrong with this visualization? How would you fix it?

SLIDE 29

ALTERNATIVE FACTS

SLIDE 30

SLIDE 31

SLIDE 32

SLIDE 33

SLIDE 34

Questions?

SLIDE 35

SLIDE 36

General Information

Five Assignments One Final Project Paper Discussions In-class studio Don’t have a laptop? Email me.

SLIDE 37

Due next Tuesday

SLIDE 38

To do for next class:

Download and install Processing
Bring laptops
Read paper

SLIDE 39