Information visualization examples

Transcription

1 Information visualization examples : GenICT II 37

2 Information visualization examples : GenICT II 38

3 Information visualization examples : GenICT II 39

4 Information visualization examples : GenICT II 40

5 Information visualization examples : GenICT II 41

6 Information visualization examples : GenICT II 42

7 2.3 Visual encoding in Python

8 Pygal Dynamic charting library for Python : GenICT II 44

9 Line Charts : GenICT II 45

10 Line Charts : GenICT II 46

11 Stacked Line Chart : GenICT II 47

12 Bar Charts : GenICT II 48

13 Pyramid Charts : GenICT II 49

14 Pyramid Charts : GenICT II 50

15 Dot Charts : GenICT II 51

16 Boxplots : GenICT II 52

17 Pie Charts : GenICT II 53

18 Scatterplots : GenICT II 54

19 Radar Charts : GenICT II 55

20 World Maps : GenICT II 56

21 3. Visualization Principles and Best Practices

22 Good and bad visualizations : GenICT II 58

23 Good and bad visualizations : GenICT II 59

24 Good and bad visualizations : GenICT II 60

25 Good and bad visualizations : GenICT II 61

26 Good and bad visualizations : GenICT II 62

27 Good and bad visualizations : GenICT II 63

28 Good and bad visualizations : GenICT II 64

29 Good and bad visualizations : GenICT II 65

30 Good and bad visualizations : GenICT II 66

31 Good and bad visualizations : GenICT II 67

32 Good and bad visualizations : GenICT II 68

33 Good and bad visualizations : GenICT II 69

34 Good and bad visualizations : GenICT II 70

35 Good and bad visualizations : GenICT II 71

36 Good and bad visualizations : GenICT II 72

37 4. Visual encoding

38 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 : GenICT II 74

39 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 : GenICT II 75

40 Visual cues color texture shape : GenICT II 76

41 Guidelines location size color orientation texture shape geospatial time numerical (continuous) numerical (discrete) ordered categorical : GenICT II 77

42 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 : GenICT II 78