INFORMATION VISUALIZATION Alvitta Ottley Washington University in - PowerPoint PPT Presentation

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: • 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

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

MY EXPECTATIONS • Try • Be creative • Participate • Integrity

The purpose of computing is insight, not numbers. - Richard Wesley Hamming

pictures visualization The purpose of computing is insight, not numbers. - Richard Wesley Hamming - Card, Mackinlay, Schneiderman

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

A good • Makes data accessible • Combines strengths of human Data and computers • Enables insight Visualization • Communicates information • Supports decision-making

“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

Why not statistics?

Consider the following dataset:

Consider the following dataset:

Anscombe’s Quartet

Why not machine learning?

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?

Why visualize? Communication: To inform humans. Who is ahead in the election polls? Exploration: When questions are not well defined. Which drug can help patient X? What is the structure of a terrorist network?

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

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

FINDING A CURE!

PRESERVING HISTORY Napoleon’s March to Moscow (War of 1812)

THERE’S A VIS FOR THAT!

WHERE IS THE BEST PLACE TO SEND YOUR CHILD TO SCHOOL IN NYC? Vis for that: http://itisaasta.com/nycs/

CAN I FLY MY KITE TODAY? Vis for that: http://hint.fm/wind/

HOW EFFECTIVE ARE THE SEX OFFENDER LAWS IN ST. LOUIS? Vis for that: https://washuvis.github.io/sexoffenders/

I WANT TO BUY FIND AN APARTMENT IN THE ST. LOUIS AREA. TELL ME ABOUT THE CRIME RATES. Vis for that: crimemap

IN-CLASS Visualization Critique ACTIVITY

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

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

ALTERNATIVE FACTS

Questions?

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

Due next Tuesday

To do for next class: • Download and install Processing • Bring laptops • Read paper