Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs...

54
Vector Data Visualization

Transcript of Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs...

Page 1: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

Vector Data Visualization

Page 2: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

2

Problem Setting• Vector data set

• Represent direction and magnitude

• Given by a n-tuple (f1,...,fn) with fk=fk(x1,...,xn ), n ≥ 2 and 1≤ k ≤ n

• Specific transformation properties

• Typically n = 2 or n = 3

Page 3: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

3

Problem Setting• Main application of vector field visualization is flow visualization

• Motion of fluids (gas, liquids)

• Geometric boundary conditions

• Velocity (flow) field v(x,t)

• Pressure p

• Temperature T

• Vorticity ∇×v

• Density ρ

• Conservation of mass, energy, and momentum

• Navier-Stokes equations

• CFD (Computational Fluid Dynamics)

Page 4: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

4

Problem Setting

Flow visualizationbased on CFD data

Page 5: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

5

Problem Setting• Flow visualization – classification

• Dimension (2D or 3D)

• Time-dependency: stationary (steady) vs. instationary (unsteady)

• Grid type

• Compressible vs. incompressible fluids

• In most cases numerical methods required for flow visualization

Page 6: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

6

Characteristic Lines• Types of characteristic lines in a vector field:

• Streamlines: tangential to the vector field

• Pathlines: trajectories of massless particles in the flow

• Streaklines: trace of dye that is released into the flow at a fixed position

• Time lines (time surfaces): propagation of a line (surface) of massless elements in time

Page 7: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

7

Characteristic Lines• Streamlines

• Tangential to the vector field

• Vector field at an arbitrary, yet fixed time t

• Streamline is a solution to the initial value problem of an ordinary differential equation:

• Streamline is curve L(u) with the parameter u

initial value(seed point x0)

ordinary differential equation

Page 8: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

8

Characteristic Lines• Pathlines

• Trajectories of massless particles in the flow

• Vector field can be time-dependent (unsteady)

• Pathline is a solution to the initial value problem of an ordinary differential equation:

Page 9: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

9

Characteristic Lines• Streaklines

• Trace of dye that is released into the flow at a fixed position

• Connect all particles that passed through a certain position

• Time lines (time surfaces)

• Propagation of a line (surface) of massless elements in time

• Idea: “consists” of many point-like particles that are traced

• Connect particles that were released simultaneously

Page 10: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

10

Characteristic LinesComparison of pathlines, streaklines, and streamlines

t0 t1 t2 t3

pathline streakline streamline for t3

Page 11: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

11

Arrows and Glyphs • Visualize local features of the vector field:

• Vector itself

• Vorticity

• Extern data: temperature, pressure, etc.

• Important elements of a vector:

• Direction

• Magnitude

• Not: components of a vector

• Approaches:

• Arrow plots

• Glyphs

• Direct mapping

Page 12: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

12

Arrows and Glyphs• Arrows visualize

• Direction of vector field

• Orientation

• Magnitude:

• Length of arrows

• Color coding

Page 13: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

13

Arrows and Glyphs

• Arrows

Page 14: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

14

Arrows and Glyphs• Glyphs

• Can visualize more features of the vector field (flow field)

Page 15: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

15

Arrows and Glyphs• Advantages and disadvantages of glyphs and arrows:

+ Simple

+ 3D effects

- Inherent occlusion effects

- Poor results if magnitude of velocity changes rapidly(Use arrows of constant length and color code magnitude)

Page 16: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

16

Mapping Methods Based on Particle Tracing

• Basic idea: trace particles

• Characteristic lines

• Mapping approaches:

• Lines

• Surfaces

• Individual particles

• Texture

• Sometimes animated

• Density of visual representation

• Sparse = only a few visual patterns (e.g. only a few streamlines)

• Dense = complete coverage of the domain by visual structures

Page 17: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

17

Mapping Methods Based on Particle Tracing

• Pathlines

Page 18: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

18

Mapping Methods Based on Particle Tracing

• Stream balls

• Encode additional scalar value by radius

Page 19: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

19

Mapping Methods Based on Particle Tracing

• Streaklines

Page 20: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

20

Mapping Methods Based on Particle Tracing

Stream ribbons

Page 21: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

21

Mapping Methods Based on Particle Tracing

Stream tubes

Page 22: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

22

Mapping Methods Based on Particle Tracing

• LIC (Line Integral Convolution)

• Texture representation

• Dense

Page 23: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

23

Mapping Methods Based on Particle Tracing

• Unsteady flow advection-convolution

• Animation

Page 24: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

24

Particle Tracing on Grids • Vector field given on a grid

• Solve for the pathline

• Incremental integration

• Discretized path of the particle

Page 25: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

25

Particle Tracing on Grids • Most simple case: Cartesian

grid for the pathline

• Basic algorithm:Select start point (seed point)

Find cell that contains start point point location

While (particle in domain) do

Interpolate vector field atcurrent position interpolation

Integrate to new position integration

Find new cell point location

Draw line segment between latest particle positions

Endwhile

Page 26: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

26

Line Integral Convolution

• Line Integral Convolution (LIC)

• Visualize dense flow fields by imaging its integral curves

• Cover domain with a random texture (so called ‚input texture‘, usually stationary white noise)

• Blur (convolve) the input texture along the path lines using a specified filter kernel

• Look of 2D LIC images

• Intensity distribution along path lines shows high correlation

• No correlation between neighboring path lines

Page 27: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

27

Line Integral Convolution

• Idea of Line Integral Convolution (LIC)

• Global visualization technique

• Dense representation

• Start with random texture

• Smear out along stream lines

Page 28: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

28

Line Integral Convolution

• Algorithm for 2D LIC

• Let t → Φ0(t) be the path line containing the point (x0,y0)

• T(x,y) is the randomly generated input texture

• Compute the pixel intensity as:

• Kernel:

• Finite support [-L,L]

• Normalized

• Often simple box filter

• Often symmetric (isotropic) L-L

1kernelk(t)

convolution withkernel

Page 29: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

29

Line Integral Convolution

• Algorithm for 2D LIC

• Convolve a random texture along the streamlines

Page 30: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

30

Line Integral Convolution

Input noise T

Final image

Vector field

Convolution

L-L

kernelk(s)

Particle tracing

Page 31: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

31

Line Integral Convolution• Fast LIC

• Problems with LIC

• New streamline is computed at each pixel

• Convolution (integral) is computed at each pixel

• Slow

• Idea:

• Compute very long streamlines

• Reuse these streamlines for many different pixels

• Incremental computation of the convolution integral

Page 32: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

32

Vector Field Topology• Idea:

Do not draw “all” streamlines, but only the “important” streamlines

• Show only topological skeletons

• Important points in the vector field: critical points

• Critical points:

• Points where the vector field vanishes: v = 0

• Points where the vector magnitude goes to zero and the vector direction is undefined

• Sources, sinks, …

• The critical points are connected to divide the flow into regions with similar properties

• Structure of particle behavior for t → ∞

Page 33: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

33

Vector Field Topology• Taylor expansion for the velocity field around

a critical point rc:

• Divide Jacobian into symmetric and anti-symmetric parts

J = Js + Ja = ((J + JT) + (J - JT))/2

Js = (J + JT)/2

Ja = (J - JT)/2

Page 34: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

34

Vector Field Topology• The symmetric part can be solved to give real

eigenvalues R and real eigenvectors

• Eigenvectors rs are an orthonormal set of vectors

• Describes change of size along eigenvectors

• Describes flow into or out of region around critical point

Page 35: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

35

Vector Field Topology• Anti-symmetric part

• Describes rotation of difference vector d = (r - rc)

• The anti-symmetric part can be solved to give imaginary eigenvalues I

Page 36: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

36

Vector Field Topology• 2D structure: eigenvalues

are (R1, R2) and (I1,I2)

Repelling nodeR1, R2 > 0I1,I2 = 0

Repelling focusR1, R2 > 0I1,I2 ≠ 0

Saddle pointR1 * R2 < 0

I1,I2 = 0

Page 37: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

37

Vector Field Topology• 2D structure: eigenvalues

are (R1, R2) and (I1,I2)

Attracting nodeR1, R2 < 0I1,I2 = 0

Attracting focusR1, R2 < 0I1,I2 ≠ 0

CenterR1, R2 = 0I1,I2 ≠ 0

Page 38: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

38

Vector Field Topology• Also in 3D

• Some examplesAttracting nodeR1, R2 , R3 < 0

I1,I 2,I3 = 0

CenterR1, R2 = 0, R3 > 0 I1,I2 ≠ 0, ,I3 = 0

Page 39: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

39

Vector Field Topology

• Mapping to graphical primitives: streamlines

• Start streamlines close to critical points

• Initial direction along the eigenvectors

• End particle tracing at

• Other “real” critical points

• Interior boundaries: attachment or detachment points

• Boundaries of the computational domain

Page 40: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

40

Vector Field Topology

• Example of a topological graph of 2D flow field

Page 41: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

41

Vector Field Topology

• Further examples of topology-guided streamline positioning

Page 42: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

42

3D Vector Fields• Most algorithms can be applied to 2D and 3D

vector fields

• Main problem in 3D: effective mapping to graphical primitives

• Main aspects:

• Occlusion

• Amount of (visual) data

• Depth perception

Page 43: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

43

3D Vector Fields• Approaches to occlusion issue:

• Sparse representations

• Animation

• Color differences to distinguish separate objects

• Continuity

• Reduction of visual data:

• Sparse representations

• Clipping

• Importance of semi-transparency

Page 44: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

44

3D Vector Fields

• Missing continuity

Page 45: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

45

3D Vector Fields

• Color differences to identify connected structures

Page 46: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

46

3D Vector Fields• Reduction of visual data

• 3D LIC

Page 47: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

47

3D Vector Fields• Reduction of visual data

• Clipping

• Masking

Page 48: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

48

3D Vector Fields• Reduction of visual data

• 3D importance function

• Feature extraction, often interactive

Vortex extractionwith λ2

Page 49: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

Flow Feature Analysis - OSU :)

1. Vortex detection 2. Topology Identification 3. Core line extraction 4. Extent computation 5. TBD: Outlier Detection and Robustness

1

2

3

4

5

Page 50: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

50

3D Vector Fields• No illumination

Page 51: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

51

3D Vector FieldsPhong illumination

Page 52: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

52

3D Vector FieldsCool/warm

Page 53: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

53

3D Vector FieldsIlluminated streamlines

Page 54: Vector Data Visualizationweb.cse.ohio-state.edu/~machiraju.1/teaching/CSE... · Arrows and Glyphs • Visualize local ... • Advantages and disadvantages of glyphs and arrows: +

54

3D Vector Fields

• Halos

Without halos With halos