information visualization examples · information visualization examples. 350102: genict ii 42...
TRANSCRIPT
350102: GenICT II 37
Visualization and Computer Graphics LabJacobs University
Information visualization examples
350102: GenICT II 38
Visualization and Computer Graphics LabJacobs University
Information visualization examples
350102: GenICT II 39
Visualization and Computer Graphics LabJacobs University
Information visualization examples
350102: GenICT II 40
Visualization and Computer Graphics LabJacobs University
Information visualization examples
350102: GenICT II 41
Visualization and Computer Graphics LabJacobs University
Information visualization examples
350102: GenICT II 42
Visualization and Computer Graphics LabJacobs University
Information visualization examples
Visualization and Computer Graphics LabJacobs University
2.3 Visual encoding in Python
350102: GenICT II 44
Visualization and Computer Graphics LabJacobs University
Pygal
• Dynamic charting library for Python• http://pygal.org
350102: GenICT II 45
Visualization and Computer Graphics LabJacobs University
Line Charts
350102: GenICT II 46
Visualization and Computer Graphics LabJacobs University
Line Charts
350102: GenICT II 47
Visualization and Computer Graphics LabJacobs University
Stacked Line Chart
350102: GenICT II 48
Visualization and Computer Graphics LabJacobs University
Bar Charts
350102: GenICT II 49
Visualization and Computer Graphics LabJacobs University
Pyramid Charts
350102: GenICT II 50
Visualization and Computer Graphics LabJacobs University
Pyramid Charts
350102: GenICT II 51
Visualization and Computer Graphics LabJacobs University
Dot Charts
350102: GenICT II 52
Visualization and Computer Graphics LabJacobs University
Boxplots
350102: GenICT II 53
Visualization and Computer Graphics LabJacobs University
Pie Charts
350102: GenICT II 54
Visualization and Computer Graphics LabJacobs University
Scatterplots
350102: GenICT II 55
Visualization and Computer Graphics LabJacobs University
Radar Charts
350102: GenICT II 56
Visualization and Computer Graphics LabJacobs University
World Maps
Visualization and Computer Graphics LabJacobs University
3. Visualization Principles and Best Practices
350102: GenICT II 58
Visualization and Computer Graphics LabJacobs University
Good and bad visualizations
350102: GenICT II 59
Visualization and Computer Graphics LabJacobs University
Good and bad visualizations
350102: GenICT II 60
Visualization and Computer Graphics LabJacobs University
Good and bad visualizations
350102: GenICT II 61
Visualization and Computer Graphics LabJacobs University
Good and bad visualizations
350102: GenICT II 62
Visualization and Computer Graphics LabJacobs University
Good and bad visualizations
350102: GenICT II 63
Visualization and Computer Graphics LabJacobs University
Good and bad visualizations
350102: GenICT II 64
Visualization and Computer Graphics LabJacobs University
Good and bad visualizations
350102: GenICT II 65
Visualization and Computer Graphics LabJacobs University
Good and bad visualizations
350102: GenICT II 66
Visualization and Computer Graphics LabJacobs University
Good and bad visualizations
350102: GenICT II 67
Visualization and Computer Graphics LabJacobs University
Good and bad visualizations
350102: GenICT II 68
Visualization and Computer Graphics LabJacobs University
Good and bad visualizations
350102: GenICT II 69
Visualization and Computer Graphics LabJacobs University
Good and bad visualizations
350102: GenICT II 70
Visualization and Computer Graphics LabJacobs University
Good and bad visualizations
350102: GenICT II 71
Visualization and Computer Graphics LabJacobs University
Good and bad visualizations
350102: GenICT II 72
Visualization and Computer Graphics LabJacobs University
Good and bad visualizations
Visualization and Computer Graphics LabJacobs University
4. Visual encoding
350102: GenICT II 74
Visualization and Computer Graphics LabJacobs University
Visual encoding
• We have seen that attributes may have different characteristics (numerical, ordered, categorical).
• Special attributes are time (temporal dimension) and geographical location (spatial dimensions) in case of spatiotemporal data.
• Entities are typically visually encoded by some kind of glyph.
• Glyphs vary with respect to position, size, shape, orientation, color, and texture.
• Visual encoding is the mapping of attributes of the entity to specifics of the glyph.
350102: GenICT II 75
Visualization and Computer Graphics LabJacobs University
Visual encoding
• The exact visual encoding of a data set depends on the number and characteristics of the available attributes and on the analysis tasks of the given application.
• Interaction mechanisms allow for switching between different attributes to allow for different views on the attributes and to fulfill different tasks.
• Still, there are guidelines for mapping attributes to visual cues.
350102: GenICT II 76
Visualization and Computer Graphics LabJacobs University
Visual cues
color
shapetexture
350102: GenICT II 77
Visualization and Computer Graphics LabJacobs University
Guidelines• location
• size
• color
• orientation
• texture
• shape
• geospatial
• time
• numerical (continuous)
• numerical (discrete)
• ordered
• categorical
350102: GenICT II 78
Visualization and Computer Graphics LabJacobs University
Perception
• One needs to consider that certain visual cues are more perceptionally relevant than others.
• Color is a pre-attentive feature that can be seen immediately.
• Location and size are also easy to perceive.• Shape is more difficult to distinguish.• Orientation and texture do not allow for detecting
subtle changes easily.