Welcome to INFO 424 “Information Visualization and Aesthetics”

68
Welcome to INFO 424 “Information Visualization and Aesthetics” Taught by Marilyn Ostergren (call me ‘Marilyn’)

description

Welcome to INFO 424 “Information Visualization and Aesthetics”. Taught by Marilyn Ostergren (call me ‘Marilyn’). GOAL FOR TODAY What is ‘Information Visualization’? What information can be visualized? How does this class work?. What is ‘Information Visualization’?. - PowerPoint PPT Presentation

Transcript of Welcome to INFO 424 “Information Visualization and Aesthetics”

Page 1: Welcome to INFO 424  “Information Visualization and Aesthetics”

Welcome to INFO 424

“Information Visualization and Aesthetics”

Taught by Marilyn Ostergren(call me ‘Marilyn’)

Page 2: Welcome to INFO 424  “Information Visualization and Aesthetics”

GOAL FOR TODAY

What is ‘Information Visualization’?

What information can be visualized?

How does this class work?

Page 3: Welcome to INFO 424  “Information Visualization and Aesthetics”

What is ‘Information Visualization’?

Page 4: Welcome to INFO 424  “Information Visualization and Aesthetics”

‘ In format ion Visua l izat ion is a process that transforms data, informat ion and knowledge into a form that re l ies on the human v isual system to perceive i ts embedded informat ion. ’ - G e r s h o n a n d P a g e ( 2 0 0 1 )

Page 5: Welcome to INFO 424  “Information Visualization and Aesthetics”

Examples

Page 6: Welcome to INFO 424  “Information Visualization and Aesthetics”

Here is some information/data/knowledge:

The wind turbines that Seattle City Light owns (which supply some of the UW’s power) are 245 feet tall

Page 7: Welcome to INFO 424  “Information Visualization and Aesthetics”

The UW residence halls are some of the largest and smallestBuildings on campus

Page 8: Welcome to INFO 424  “Information Visualization and Aesthetics”
Page 9: Welcome to INFO 424  “Information Visualization and Aesthetics”
Page 10: Welcome to INFO 424  “Information Visualization and Aesthetics”

YOUR TASK:

Envision a visual display for the following information….

Page 11: Welcome to INFO 424  “Information Visualization and Aesthetics”

What are the tallest buildings in the world?

Page 12: Welcome to INFO 424  “Information Visualization and Aesthetics”
Page 13: Welcome to INFO 424  “Information Visualization and Aesthetics”

What causes snoring?

Page 14: Welcome to INFO 424  “Information Visualization and Aesthetics”
Page 15: Welcome to INFO 424  “Information Visualization and Aesthetics”

How are the various programming languages related?When were they created?

Page 16: Welcome to INFO 424  “Information Visualization and Aesthetics”
Page 17: Welcome to INFO 424  “Information Visualization and Aesthetics”
Page 18: Welcome to INFO 424  “Information Visualization and Aesthetics”

ActionScript 2.0 2003ActionScript 3.0 2006

Page 19: Welcome to INFO 424  “Information Visualization and Aesthetics”

Where do Federal tax dollars go?

Page 20: Welcome to INFO 424  “Information Visualization and Aesthetics”
Page 21: Welcome to INFO 424  “Information Visualization and Aesthetics”
Page 22: Welcome to INFO 424  “Information Visualization and Aesthetics”
Page 23: Welcome to INFO 424  “Information Visualization and Aesthetics”

…what isn’t information visualization?

Page 25: Welcome to INFO 424  “Information Visualization and Aesthetics”
Page 26: Welcome to INFO 424  “Information Visualization and Aesthetics”
Page 27: Welcome to INFO 424  “Information Visualization and Aesthetics”

Wattle

Beak

CombEar

Ear Lobe

Page 28: Welcome to INFO 424  “Information Visualization and Aesthetics”

What kinds of information lends itselfto visualization?

Page 29: Welcome to INFO 424  “Information Visualization and Aesthetics”

VISUAL POTENTIAL

Page 30: Welcome to INFO 424  “Information Visualization and Aesthetics”

WHY?

Page 31: Welcome to INFO 424  “Information Visualization and Aesthetics”
Page 32: Welcome to INFO 424  “Information Visualization and Aesthetics”
Page 33: Welcome to INFO 424  “Information Visualization and Aesthetics”
Page 34: Welcome to INFO 424  “Information Visualization and Aesthetics”
Page 35: Welcome to INFO 424  “Information Visualization and Aesthetics”
Page 36: Welcome to INFO 424  “Information Visualization and Aesthetics”

YOUR TASK:

What type of visual potential has been exploited here?

Page 37: Welcome to INFO 424  “Information Visualization and Aesthetics”
Page 38: Welcome to INFO 424  “Information Visualization and Aesthetics”
Page 39: Welcome to INFO 424  “Information Visualization and Aesthetics”
Page 40: Welcome to INFO 424  “Information Visualization and Aesthetics”

How to Create an Information Visualization(how you will learn to create information Visualizations in INFO 424)

Page 41: Welcome to INFO 424  “Information Visualization and Aesthetics”

You work for the NY Times, producing interactive graphics.

The Olympics are happening…

Page 42: Welcome to INFO 424  “Information Visualization and Aesthetics”

Technical Skills – Illustrator, Excel & Flashtools & strategies

Knowledge of design principles

Repertoire of visualization strategies

Understanding of the process

Page 43: Welcome to INFO 424  “Information Visualization and Aesthetics”

About 17 of every 200 MEN Less than 1 of every 200 WOMEN

Page 44: Welcome to INFO 424  “Information Visualization and Aesthetics”

Chances are that 2 of you are colorblind….

Page 45: Welcome to INFO 424  “Information Visualization and Aesthetics”

How does this class work?

LABS!

Grading

Page 46: Welcome to INFO 424  “Information Visualization and Aesthetics”

http://courses.washington.edu/info424

Page 47: Welcome to INFO 424  “Information Visualization and Aesthetics”
Page 48: Welcome to INFO 424  “Information Visualization and Aesthetics”
Page 49: Welcome to INFO 424  “Information Visualization and Aesthetics”
Page 50: Welcome to INFO 424  “Information Visualization and Aesthetics”

Lab instructions

Page 51: Welcome to INFO 424  “Information Visualization and Aesthetics”

Lab instructions

Page 52: Welcome to INFO 424  “Information Visualization and Aesthetics”

A word about doing the labs early….

Page 53: Welcome to INFO 424  “Information Visualization and Aesthetics”

Access to software…

Page 54: Welcome to INFO 424  “Information Visualization and Aesthetics”
Page 55: Welcome to INFO 424  “Information Visualization and Aesthetics”
Page 56: Welcome to INFO 424  “Information Visualization and Aesthetics”

LABS: 25% of grade100% Handed in by due date75% Handed in by end of quarter

FLASH QUIZES: 25% of grade1 ungraded 3 graded (full or partial credit) 10% for the last quiz, 5% each for the first 2

TAKE-HOME EXAMS: 50% of grade1 ungraded2 graded examsThese will be assigned a numeric grade.

Page 57: Welcome to INFO 424  “Information Visualization and Aesthetics”
Page 58: Welcome to INFO 424  “Information Visualization and Aesthetics”
Page 59: Welcome to INFO 424  “Information Visualization and Aesthetics”
Page 60: Welcome to INFO 424  “Information Visualization and Aesthetics”
Page 61: Welcome to INFO 424  “Information Visualization and Aesthetics”
Page 62: Welcome to INFO 424  “Information Visualization and Aesthetics”
Page 63: Welcome to INFO 424  “Information Visualization and Aesthetics”
Page 64: Welcome to INFO 424  “Information Visualization and Aesthetics”
Page 65: Welcome to INFO 424  “Information Visualization and Aesthetics”

http://flowingdata.com/

Page 66: Welcome to INFO 424  “Information Visualization and Aesthetics”

http://infosthetics.com/

Page 67: Welcome to INFO 424  “Information Visualization and Aesthetics”

http://www.informationisbeautiful.net/

Page 68: Welcome to INFO 424  “Information Visualization and Aesthetics”

What to do next:1. Decide if you want to take this class (I hope you do)

2. Start working on the labs & practice for this week (shown on the schedule page of the course website)

Optional:3. Sign up for Flowing Data, Information Is Beautiful & Infosthetics