introduction to visualization a high-level overview...introduction to visualization a overview...

29
6/9/2014 1 INTRODUCTION TO VISUALIZATION A OVERVIEW Vetria L. Byrd, PhD REU Coordinator June 03, 2014 Cyberinfrastructure Technology Integration (CITI) Advanced Visualization Division REU SITE Research Experience for Undergraduates in Collaborative Data Visualization Applications Funded by NSF ACI-1419415 INTRODUCTION TO VISUALIZATION A HIGH-LEVEL OVERVIEW Vetria L. Byrd, PhD REU Coordinator June 03, 2014 Cyberinfrastructure Technology Integration (CITI) Advanced Visualization Division REU SITE Research Experience for Undergraduates in Collaborative Data Visualization Applications Funded by NSF ACI-1419415

Upload: others

Post on 26-Jul-2020

8 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: INTRODUCTION TO VISUALIZATION A HIGH-LEVEL OVERVIEW...INTRODUCTION TO VISUALIZATION A OVERVIEW Vetria L. Byrd, PhD REU Coordinator June 03, 2014 Cyberinfrastructure Technology Integration

6/9/2014

1

INTRODUCTION TO

VISUALIZATION

A OVERVIEW

Vetria L. Byrd, PhD

REU Coordinator

June 03, 2014

Cyberinfrastructure Technology Integration

(CITI) Advanced Visualization Division

REU SITE

Research

Experience for

Undergraduates in

Collaborative Data

Visualization

Applications

Funded by

NSF ACI-1419415

INTRODUCTION TO

VISUALIZATION

A HIGH-LEVEL

OVERVIEWVetria L. Byrd, PhD

REU Coordinator

June 03, 2014

Cyberinfrastructure Technology Integration

(CITI) Advanced Visualization Division

REU SITE

Research

Experience for

Undergraduates in

Collaborative Data

Visualization

Applications

Funded by

NSF ACI-1419415

Page 2: INTRODUCTION TO VISUALIZATION A HIGH-LEVEL OVERVIEW...INTRODUCTION TO VISUALIZATION A OVERVIEW Vetria L. Byrd, PhD REU Coordinator June 03, 2014 Cyberinfrastructure Technology Integration

6/9/2014

2

�Visualization Scientist

�Advanced Visualization

Division

�Clemson Computing &

Information Technology

�Located in Barre Hall

(behind McAdams)

VETRIA L. BYRD, PHD

“Enable researchers to gain keen insight

into their data by equipping them with

tools and resources that will allow for

visualizing the expected, and discovering

the unexpected in their data.”

í ixàÜ|tí ixàÜ|tí ixàÜ|tí ixàÜ|tAgent Agent Agent Agent of “of “of “of “ InsightInsightInsightInsight””””

MISSION STATEMENT

Page 3: INTRODUCTION TO VISUALIZATION A HIGH-LEVEL OVERVIEW...INTRODUCTION TO VISUALIZATION A OVERVIEW Vetria L. Byrd, PhD REU Coordinator June 03, 2014 Cyberinfrastructure Technology Integration

6/9/2014

3

� Introduce Visualization to the greater Clemson

University community

� Increase Clemson’s presence in the

visualization community

�Visualization Workshops

�Designed to provide varying levels of interest

�Open source tools

AGENT OF INSIGHT

VISUALIZATION IS

POWERFUL

� About 75% of the visual cortex is

devoted to our visual system; or 75% of

the brain is devoted to our visual cortex

� We are really good at

� pattern matching

� understanding things by sight

We are exploiting what

our brain does

naturally every day.

~Kelly Gaither, PhD

(TACC)

Page 4: INTRODUCTION TO VISUALIZATION A HIGH-LEVEL OVERVIEW...INTRODUCTION TO VISUALIZATION A OVERVIEW Vetria L. Byrd, PhD REU Coordinator June 03, 2014 Cyberinfrastructure Technology Integration

6/9/2014

4

WHAT DOES

VISUALIZATION MEAN?

PRETTY PICTURES

Page 5: INTRODUCTION TO VISUALIZATION A HIGH-LEVEL OVERVIEW...INTRODUCTION TO VISUALIZATION A OVERVIEW Vetria L. Byrd, PhD REU Coordinator June 03, 2014 Cyberinfrastructure Technology Integration

6/9/2014

5

VISUALIZATION

vis ·u·al · izevis ·u·al · izevis ·u·al · izevis ·u·al · ize

[vizhvizhvizhvizh-oo-uh -lahyz]

verb,verb,verb,verb,vis ·u·al · izedvis ·u·al · izedvis ·u·al · izedvis ·u·al · ized,,,, vis ·u·al · iz · ingvis ·u·al · iz · ingvis ·u·al · iz · ingvis ·u·al · iz · ing ....

verbverbverbverb (used(used(used(used withoutwithoutwithoutwithout objectobjectobjectobject))))

1.1 .1 .1 .to recall or form mental images or pictures.

verbverbverbverb (used(used(used(used withwithwithwith objectobjectobjectobject))))

2.2.2.2.to make visual or visible

3.3.3.3.to form a mental image of.

4.4.4.4.to make perceptible to the mind or imagination.

10

Dictionary.comDictionary.comDictionary.comDictionary.com

WHEN SHOULD YOU

START THINKING ABOUT

VISUALIZATION?

Page 6: INTRODUCTION TO VISUALIZATION A HIGH-LEVEL OVERVIEW...INTRODUCTION TO VISUALIZATION A OVERVIEW Vetria L. Byrd, PhD REU Coordinator June 03, 2014 Cyberinfrastructure Technology Integration

6/9/2014

6

Although

these steps

are

numbered,

researchers

often move

around in

the circle in

multiple

directions

(especially

steps 4

through 7)

Where is Where is Where is Where is

Visualization?Visualization?Visualization?Visualization?

WHAT IS THE PURPOSE

OF VISUALIZATION?

Page 7: INTRODUCTION TO VISUALIZATION A HIGH-LEVEL OVERVIEW...INTRODUCTION TO VISUALIZATION A OVERVIEW Vetria L. Byrd, PhD REU Coordinator June 03, 2014 Cyberinfrastructure Technology Integration

6/9/2014

7

“The purpose of

visualization

is “insight”,

not pictures.”~Ben Shneiderman

nounnounnounnoun

1. 1 . 1 . 1 . an instance of apprehending the true nature of a thing,

especially through intuitive understanding.

2. 2. 2. 2. penetrating mental vision or discernment; faculty of seeing into

inner character or underlying truth.

3. 3. 3. 3. Psychology .

a . a . a . a . an understanding of relationships that sheds light on or

helps solve a problem.

b. b. b. b. (in psychotherapy) the recognition of sources of emotional

dif ficulty.

c. c . c . c . an understanding of the motivational forces behind one's

actions, thoughts, or behavior; self-knowledge.

IN·SIGHTIN·SIGHTIN·SIGHTIN·SIGHT [ININININ-SAHYT]Dictionary.com

Page 8: INTRODUCTION TO VISUALIZATION A HIGH-LEVEL OVERVIEW...INTRODUCTION TO VISUALIZATION A OVERVIEW Vetria L. Byrd, PhD REU Coordinator June 03, 2014 Cyberinfrastructure Technology Integration

6/9/2014

8

WHY IS “INSIGHT”

IMPORTANT?

DISCOVERY

�Visualizing Patterns Visualizing Patterns Visualizing Patterns Visualizing Patterns

over over over over TimeTimeTimeTime

17

“Insight” Leads to . . .

Page 9: INTRODUCTION TO VISUALIZATION A HIGH-LEVEL OVERVIEW...INTRODUCTION TO VISUALIZATION A OVERVIEW Vetria L. Byrd, PhD REU Coordinator June 03, 2014 Cyberinfrastructure Technology Integration

6/9/2014

9

“InsightInsightInsightInsight” Leads

to Discovery

�Spotting Spotting Spotting Spotting

DifferencesDifferencesDifferencesDifferences

DECISION MAKING

19

�Allows users to Allows users to Allows users to Allows users to answer answer answer answer questions they questions they questions they questions they didn’t know they didn’t know they didn’t know they didn’t know they hadhadhadhad

“Insight” Leads to . . .

Page 10: INTRODUCTION TO VISUALIZATION A HIGH-LEVEL OVERVIEW...INTRODUCTION TO VISUALIZATION A OVERVIEW Vetria L. Byrd, PhD REU Coordinator June 03, 2014 Cyberinfrastructure Technology Integration

6/9/2014

10

ANALYSIS OF DATA

20

�The Challenger The Challenger The Challenger The Challenger

DisasterDisasterDisasterDisaster

“Insight” Leads to . . .

http://en.wikipedia.org/wiki/33

File: Challenger_explosion.jpg

EXPLANATION

21

Source: A Tour through the Visualization ZooA Tour through the Visualization ZooA Tour through the Visualization ZooA Tour through the Visualization Zoo by Heer, Bostock & Ogievetsky (ACM

Queue, 2010)

Above Average

Average

Below Average

� Visualizing Visualizing Visualizing Visualizing

Spatial Spatial Spatial Spatial

RelationshipsRelationshipsRelationshipsRelationships

“Insight” Leads to . . .

Page 11: INTRODUCTION TO VISUALIZATION A HIGH-LEVEL OVERVIEW...INTRODUCTION TO VISUALIZATION A OVERVIEW Vetria L. Byrd, PhD REU Coordinator June 03, 2014 Cyberinfrastructure Technology Integration

6/9/2014

11

CAN ANYONE THINK OF

ANOTHER REASON WHY

“INSIGHT” IS

IMPORTANT?

THE USE OF VISUALIZATION

IN THE ANALYSIS OF

POLLUTION AND AIR FLOWS

IN MANHATTAN, NEW YORK

CITY

“Insight” . . . Tells a Story

Page 12: INTRODUCTION TO VISUALIZATION A HIGH-LEVEL OVERVIEW...INTRODUCTION TO VISUALIZATION A OVERVIEW Vetria L. Byrd, PhD REU Coordinator June 03, 2014 Cyberinfrastructure Technology Integration

6/9/2014

12

NAPOLEON’S INVASION OF RUSSIA IN 1812

BY JACQUE MINARD

Temperature

Army Size:

422,000

Army Size:

10,000

Moscow

Army Size:

100,000

----11111111

----30303030----26262626

----21212121

----9999

Path of retreat

Best Statistical Graphic, Ever!

Insight

Explanation

Tells a

Story . . .

Importance of InsightImportance of InsightImportance of InsightImportance of Insight

Page 13: INTRODUCTION TO VISUALIZATION A HIGH-LEVEL OVERVIEW...INTRODUCTION TO VISUALIZATION A OVERVIEW Vetria L. Byrd, PhD REU Coordinator June 03, 2014 Cyberinfrastructure Technology Integration

6/9/2014

13

26

VISUALIZATION

APPLICATIONS

VISUALIZATION APPLICATIONS

� BioVis

� GeoVis

� InfoVis

� SciVis

VISUALIZATION

Biological Data

Non-Numerical Data

Geospatial Data

Simulated, 3D Phenomena

Page 14: INTRODUCTION TO VISUALIZATION A HIGH-LEVEL OVERVIEW...INTRODUCTION TO VISUALIZATION A OVERVIEW Vetria L. Byrd, PhD REU Coordinator June 03, 2014 Cyberinfrastructure Technology Integration

6/9/2014

14

BiovisualizationBiovisualizationBiovisualizationBiovisualization

� The visualization of

biological data;

� Often grouped with

computer animation

VISUALIZATION APPLICATIONS

BioVis

Information VisualizationInformation VisualizationInformation VisualizationInformation Visualization

� Interdisciplinary

� Study of the “visual

representation of large-

scale collections of

non-numerical

information

VISUALIZATION APPLICATIONS

InfoVis

Page 15: INTRODUCTION TO VISUALIZATION A HIGH-LEVEL OVERVIEW...INTRODUCTION TO VISUALIZATION A OVERVIEW Vetria L. Byrd, PhD REU Coordinator June 03, 2014 Cyberinfrastructure Technology Integration

6/9/2014

15

Geographic VisualizationGeographic VisualizationGeographic VisualizationGeographic Visualization

� Interdisciplinary

� Study of the “visual

representation of large-

scale collections of

non-numerical

information

VISUALIZATION APPLICATIONS

GeoVis

Scientific VisualizationScientific VisualizationScientific VisualizationScientific Visualization

� Primarily concerned

with the visualization of

three-dimensional

phenomena

� Emphases on realistic

renderings of volumes,

surfaces, illumination

sources, etc.

VISUALIZATION APPLICATIONS

SciVis

Page 16: INTRODUCTION TO VISUALIZATION A HIGH-LEVEL OVERVIEW...INTRODUCTION TO VISUALIZATION A OVERVIEW Vetria L. Byrd, PhD REU Coordinator June 03, 2014 Cyberinfrastructure Technology Integration

6/9/2014

16

� Healthcare with

interactive visualization

� Visual Analysis of

Social Media Data

� Story Telling

� Large Area Displays

�More . . .

CUTTING-EDGE RESEARCH IN

VISUALIZATION

http://www.computer.org

May 2013 Issue

33

UNDERLYING

PRINCIPLES

Page 17: INTRODUCTION TO VISUALIZATION A HIGH-LEVEL OVERVIEW...INTRODUCTION TO VISUALIZATION A OVERVIEW Vetria L. Byrd, PhD REU Coordinator June 03, 2014 Cyberinfrastructure Technology Integration

6/9/2014

17

Evolution of Presenting

Information

34

3D Static Images

Characters on Paper

Animated 2D Images

Vector Display and Plotter Graphics

3D Renderings of a

Simulation Over Time

VISUALIZATION

BioVis

InfoVis

GeoVis

Scientific Visualization

THE DATA

Biological Data

Non-numerical

Data

Geospatial Data

Simulated, 3D Data

Page 18: INTRODUCTION TO VISUALIZATION A HIGH-LEVEL OVERVIEW...INTRODUCTION TO VISUALIZATION A OVERVIEW Vetria L. Byrd, PhD REU Coordinator June 03, 2014 Cyberinfrastructure Technology Integration

6/9/2014

18

THE DATA

� Images

�Survey information

�Simulated Data

�Numerical

�Non-Numerical

�Some measured value

�Network

�Database

�Etc. . . . .

36

FROM DATA TO INSIGHT

Texas Advanced

Computing Center

Data

Representation

Visualization

Primitives

Graphics

PrimitivesDisplay

Iteration

and

Refinement

Page 19: INTRODUCTION TO VISUALIZATION A HIGH-LEVEL OVERVIEW...INTRODUCTION TO VISUALIZATION A OVERVIEW Vetria L. Byrd, PhD REU Coordinator June 03, 2014 Cyberinfrastructure Technology Integration

6/9/2014

19

FROM DATA TO INSIGHT

� There are a number of steps between raw data and a finished

visualization

� Single tool or multiple tools might be used

39

VISUALIZATION

PIPELINES

Page 20: INTRODUCTION TO VISUALIZATION A HIGH-LEVEL OVERVIEW...INTRODUCTION TO VISUALIZATION A OVERVIEW Vetria L. Byrd, PhD REU Coordinator June 03, 2014 Cyberinfrastructure Technology Integration

6/9/2014

20

VISUALIZATION PIPELINE

Figure reconstructed from: High Performance Visualization, E.W. Bethel, et al., Chapman & Hall/CRC Computational Science

Series , 2013.

Filter,

transform,

subset

Mapper Render Display

Visualization

31.336 35.510

29.636 36.948

28.397 34.525

28.358 33.158

26.212 32.589

27.248 11.458

Data

THE INFORMATION VISUALIZATION

PROCESS

Source: http://www.networkworld.com/community/node/41856

1

2

3

4

5

6

7

Page 21: INTRODUCTION TO VISUALIZATION A HIGH-LEVEL OVERVIEW...INTRODUCTION TO VISUALIZATION A OVERVIEW Vetria L. Byrd, PhD REU Coordinator June 03, 2014 Cyberinfrastructure Technology Integration

6/9/2014

21

42

http://www.bu.edu/tech/research/training/tutorials/introduction-to-scientific-visualization-tutorial/the-scientific-visualization-pipeline/

THE PRACTICE OF SCIENTIFIC

VISUALIZATION

SCIENTIFIC

VISUALIZATION

PIPELINE

43

VISUALIZATION

EXTRACTING THE

ESSENTIALS

Page 22: INTRODUCTION TO VISUALIZATION A HIGH-LEVEL OVERVIEW...INTRODUCTION TO VISUALIZATION A OVERVIEW Vetria L. Byrd, PhD REU Coordinator June 03, 2014 Cyberinfrastructure Technology Integration

6/9/2014

22

�Once you’ve identified a

specific research project,

you’ll most likely require a

greater understanding of the

research

EXTRACTING THE ESSENTIALS

�The Concept

�The Implementation

�Related Work

�Data Characteristics

�Visualization Techniques

�Application Domain

ESSENTIALS

Page 23: INTRODUCTION TO VISUALIZATION A HIGH-LEVEL OVERVIEW...INTRODUCTION TO VISUALIZATION A OVERVIEW Vetria L. Byrd, PhD REU Coordinator June 03, 2014 Cyberinfrastructure Technology Integration

6/9/2014

23

�The Concept

�The Implementation

�Related Work

�Data Characteristics

�Visualization

Techniques

�Application Domain

ESSENTIALS

�The Concept

�The Implementation

�Related Work

�Data Characteristics

�Visualization

Techniques

�Application Domain

�What, conceptually,

are you trying to

achieve?

�What’s the research

goal?

�What’s your

contribution?

�What’s new?

ESSENTIALS

Page 24: INTRODUCTION TO VISUALIZATION A HIGH-LEVEL OVERVIEW...INTRODUCTION TO VISUALIZATION A OVERVIEW Vetria L. Byrd, PhD REU Coordinator June 03, 2014 Cyberinfrastructure Technology Integration

6/9/2014

24

�The Concept

�The Implementation

�Related Work

�Data Characteristics

�Visualization

Techniques

�Application Domain

�How are you going to

realize the concept?

�How are you going to

implement the

concept?

ESSENTIALS

�The Concept

�The Implementation

�Related Work

�Data Characteristics

�Visualization

Techniques

�Application Domain

�What previous

research are you

building on?

�What’s already been

done?

ESSENTIALS

Page 25: INTRODUCTION TO VISUALIZATION A HIGH-LEVEL OVERVIEW...INTRODUCTION TO VISUALIZATION A OVERVIEW Vetria L. Byrd, PhD REU Coordinator June 03, 2014 Cyberinfrastructure Technology Integration

6/9/2014

25

�The Concept

�The Implementation

�Related Work

�Data Characteristics

�Visualization Techniques

�Application Domain

�What are the characteristics of the data analyzed and to be visualized?

�What’s the spatial dimensionality – 2D, surfaces, 3D?

�What’s the temporal dimensionality –static or time-dependent?

ESSENTIALS

�The Concept

�The Implementation

�Related Work

�Data Characteristics

�Visualization

Techniques

�Application Domain

�What’s the dataset’s

resolution and size?

� Is the dataset multi-

resolution or adaptive

resolution?

�Are the data samples

given on a structured

or unstructured grid?

�What is the data type:

scalar, vector, . . .

ESSENTIALS

Page 26: INTRODUCTION TO VISUALIZATION A HIGH-LEVEL OVERVIEW...INTRODUCTION TO VISUALIZATION A OVERVIEW Vetria L. Byrd, PhD REU Coordinator June 03, 2014 Cyberinfrastructure Technology Integration

6/9/2014

26

�The Concept

�The Implementation

�Related Work

�Data Characteristics

�Visualization

Techniques

�Application Domain

�What basic

visualization

techniques are

used?

�Volume rendering

�Ray tracing

�Parallel coordinates

�Tree maps

�More . . .

ESSENTIALS

�The Concept

�The Implementation

�Related Work

�Data Characteristics

�Visualization

Techniques

�Application Domain

�What application

domain are the

visualizations being

applied to?

ESSENTIALS

Page 27: INTRODUCTION TO VISUALIZATION A HIGH-LEVEL OVERVIEW...INTRODUCTION TO VISUALIZATION A OVERVIEW Vetria L. Byrd, PhD REU Coordinator June 03, 2014 Cyberinfrastructure Technology Integration

6/9/2014

27

� Genetics & Biochemistry

� Geophysics

� Sociology

�Molecular Modeling and Simulation

� Plant Population and Community Ecology

� Inorganic Chemistry

� Computer Science

� Physical Chemistry

�Digital Humanities

� Anthropology and

Sociology

� Biological Sciences

� Electrical and Computer

Engineering

INTERDISCIPLINARY RESEARCH

REPRESENTED IN VIS2014 REU

VISREU PARTICIPANTS

You are here

Page 28: INTRODUCTION TO VISUALIZATION A HIGH-LEVEL OVERVIEW...INTRODUCTION TO VISUALIZATION A OVERVIEW Vetria L. Byrd, PhD REU Coordinator June 03, 2014 Cyberinfrastructure Technology Integration

6/9/2014

28

Extract The Essentials for Your Projects

�The Concept

�The Implementation

�Related Work

�Data Characteristics

�Visualization Techniques

�Application Domain

VIS REU

Source: How to Read a Visualization Research Paper: Extracting the Essentials

Robert S. Laramee, Swansea University, May/June 2011, IEEE Computer Society

Vetria (Vee-Tree-Ah) L. Byrd, PhD

Visualization Scientist

2097 Barre Hall

Email: [email protected]

57

HTTP://CITI.CLEMSON.EDU/VIZ/REU/

Thank You!

Funded by

NSF ACI-1419415

Page 29: INTRODUCTION TO VISUALIZATION A HIGH-LEVEL OVERVIEW...INTRODUCTION TO VISUALIZATION A OVERVIEW Vetria L. Byrd, PhD REU Coordinator June 03, 2014 Cyberinfrastructure Technology Integration

6/9/2014

29

Vis Lectures

� Research Methods

�Design Principles

� Visual Encodings

� Color and Data

Abstraction

� How not to Lie with

Visualization

�More pending . . .

Hands on Training

� Introduction to Blender

� Intro to Scientific Visualization� ParaView

� VisIt

� Intro to Information Visualization� Using Tableau

� Introduction to Processing (Pending)

COMING SOON . . .