representing flow
DESCRIPTION
Representing Flow. Colin Ware UNH. We can do better than this. Vector components Direction Magnitude. 2D vector fields. Orientation. Vector sign bit. 2D Flow visualization. A landmark study. Orient Direction Magnitude. - Image courtesy of Dr.Laidlaw et al. Perceptual issues. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Representing Flow](https://reader036.vdocument.in/reader036/viewer/2022062321/568138a8550346895da0695d/html5/thumbnails/1.jpg)
Representing Flow
Colin Ware
UNH
![Page 2: Representing Flow](https://reader036.vdocument.in/reader036/viewer/2022062321/568138a8550346895da0695d/html5/thumbnails/2.jpg)
We can do better than this
![Page 3: Representing Flow](https://reader036.vdocument.in/reader036/viewer/2022062321/568138a8550346895da0695d/html5/thumbnails/3.jpg)
![Page 4: Representing Flow](https://reader036.vdocument.in/reader036/viewer/2022062321/568138a8550346895da0695d/html5/thumbnails/4.jpg)
2D vector fields
Vector components Direction Magnitude
Orientation
Vector sign bit
![Page 5: Representing Flow](https://reader036.vdocument.in/reader036/viewer/2022062321/568138a8550346895da0695d/html5/thumbnails/5.jpg)
2D Flow visualization• A landmark study
- Image courtesy of Dr.Laidlaw et al.
OrientDirectionMagnitude
![Page 6: Representing Flow](https://reader036.vdocument.in/reader036/viewer/2022062321/568138a8550346895da0695d/html5/thumbnails/6.jpg)
Perceptual issues
Luminance contrast for detail Red on green is hard to see (illustrate)
Natural semantics for signalling “more” Longer Wider More dense More contrasty More vivid
The background is critical
![Page 7: Representing Flow](https://reader036.vdocument.in/reader036/viewer/2022062321/568138a8550346895da0695d/html5/thumbnails/7.jpg)
Particle systems for flow vis.
Particles are born (randomly in space) Have a behavior (moving with the flow)
They leave a trail (a pathline) Color can change (with speed or age) Width can change (speed or age)
Particles die
![Page 8: Representing Flow](https://reader036.vdocument.in/reader036/viewer/2022062321/568138a8550346895da0695d/html5/thumbnails/8.jpg)
movement
form
colordifferences
elementsof form
elementsof movement
colorcolor
1
2&3
4A4B
4C5
6
corti
cal la
yers
![Page 9: Representing Flow](https://reader036.vdocument.in/reader036/viewer/2022062321/568138a8550346895da0695d/html5/thumbnails/9.jpg)
![Page 10: Representing Flow](https://reader036.vdocument.in/reader036/viewer/2022062321/568138a8550346895da0695d/html5/thumbnails/10.jpg)
Contour finding mechanisms
A single column in V1
Theory of contour finding
Field HayesHess
![Page 11: Representing Flow](https://reader036.vdocument.in/reader036/viewer/2022062321/568138a8550346895da0695d/html5/thumbnails/11.jpg)
The next stage – rapid propagation
WeakestContour Signal
Strongest ContourSignal
Prediction
![Page 12: Representing Flow](https://reader036.vdocument.in/reader036/viewer/2022062321/568138a8550346895da0695d/html5/thumbnails/12.jpg)
2D Flow visualization• A landmark study
- Image courtesy of Dr.Laidlaw et al.
OrientDirectionMagnitude
![Page 13: Representing Flow](https://reader036.vdocument.in/reader036/viewer/2022062321/568138a8550346895da0695d/html5/thumbnails/13.jpg)
![Page 14: Representing Flow](https://reader036.vdocument.in/reader036/viewer/2022062321/568138a8550346895da0695d/html5/thumbnails/14.jpg)
How to add VSB?
TerminationsSome neurons respond only with terminations in the receptive field.
Asymmetry along path
Halle’s “little stroaks”
Halle, 1868
Fowler and Ware (1988)
![Page 15: Representing Flow](https://reader036.vdocument.in/reader036/viewer/2022062321/568138a8550346895da0695d/html5/thumbnails/15.jpg)
Important factors
Continuity tangential to flow sream
Lightness contrast with background (clarity)
Show direction using asymmetry along path
Use color width | length | contrast | density for speed, or a combination
Add symbols if you like Trace forward and/or
backward.
![Page 16: Representing Flow](https://reader036.vdocument.in/reader036/viewer/2022062321/568138a8550346895da0695d/html5/thumbnails/16.jpg)
A real challenge
![Page 17: Representing Flow](https://reader036.vdocument.in/reader036/viewer/2022062321/568138a8550346895da0695d/html5/thumbnails/17.jpg)
Many sliders