1. Visualiseren van
veranderingen doorheen
de tijd
Ward Cools
Promotor:
Begeleider:
Prof. dr. ir. Erik Duval
Dr. Joris Klerkx

2. Inhoudsopgave
1.
2.
3.
4.
5.
6.
Situering
Literatuur
Doelstelling
Geleverd werk
Planning
Statistieken

3. 1.
2.
3.
4.
5.
6.
Situering
Literatuur
Doelstelling
Geleverd werk
Planning
Statistieken

4. Datavisualisatie…
26/11/2013
4

5. 26/11/2013
5

6. 26/11/2013
6

7. • Friedman: Data duidelijk en effectief communiceren
met behulp van grafische middelen
26/11/2013
7

8. • Friedman: Data duidelijk en effectief communiceren
met behulp van grafische middelen
• Overal terug te vinden…
o Zowel dagelijks leven als professioneel
26/11/2013
8

9. • Friedman: Data duidelijk en effectief communiceren
met behulp van grafische middelen
• Overal terug te vinden…
o Zowel dagelijks leven als professioneel
• Moeilijkheid: verschillende parameters op 1
visualisatie
o Onderlinge correlatie zichtbaar
26/11/2013
9

10. 26/11/2013
10

11. Tijdsgebonden datavisualisatie
• In 2005 door C. Chen genoemd als 1 van de topprioriteiten
in de toekomst van datavisualisatie
26/11/2013
11

12. Tijdsgebonden datavisualisatie
• In 2005 door C. Chen genoemd als 1 van de topprioriteiten
in de toekomst van datavisualisatie
• Probleem: extra (zeer belangrijke) parameter
o Hoe visualiseren terwijl correlatie tussen andere
parameters zichtbaar blijft?
o Lijngrafiek goed om tijd te visualiseren, maar correlatie
tussen andere parameters moeilijk
26/11/2013
12

13. 1.
2.
3.
4.
5.
6.
Situering
Literatuur
Doelstelling
Geleverd werk
Planning
Statistieken

14. Taxonomy parameter ‗tijd‘
Door Aigner [1] en Müller [2], gebaseerd op Frank
• Discrete tijdspunten vs tijdsintervals
[1] W. Aigner, S. Miksch, W. Muller, H. Schumann, and C. Tominski, ―Visualizing time-oriented data—A systematic
view,‖ Comput. Graph., vol. 31, no. 3, pp. 401–409, 2007.
[2] W. Muller and H. Schumann, ―Visualization methods for time-dependent data - an overview,‖ Proc. 2003 Int.
Conf. Mach. Learn. Cybern. IEEE Cat No03EX693, vol. 1, pp. 737–745, 2003.
26/11/2013
14

15. Technieken - PlanningLines
26/11/2013
15

16. Taxonomy parameter ‗tijd‘
Door Aigner en Müller, gebaseerd op Frank
• Discrete tijdspunten vs tijdsintervals
• Lineaire vs cyclische tijd
26/11/2013
16

17. Technieken - SpiralGraph
26/11/2013
17

18. Taxonomy parameter ‗tijd‘
Door Aigner en Müller, gebaseerd op Frank
• Discrete tijdspunten vs tijdsintervals
• Lineaire vs cyclische tijd
• Geordende tijd vs ‗branching time‘ vs tijd met meerdere
perspectieven
26/11/2013
18

19. Taxonomy parameter ‗tijd‘
Door Aigner en Müller, gebaseerd op Frank
• Discrete tijdspunten vs tijdsintervals
• Lineaire vs cyclische tijd
• Geordende tijd vs ‗branching time‘ vs tijd met meerdere
perspectieven
• Odinale vs continue tijd
26/11/2013
19

20. Specifieke technieken - ThemeRiver
26/11/2013
20

21. Aanpak van Stephen Few [1]
• Lijngrafiek goede tijdsvoorstelling, maar beperkt #
variabelen
[1] Few Stephen, ―Visualizing Change - An Innovation in Time-Series Analysis,‖ 2007.
26/11/2013
21

22. Aanpak van Stephen Few [1]
• Lijngrafiek goede tijdsvoorstelling, maar beperkt #
variabelen
• Tijd laten voorstellen door beweging
o Meer andere variabelen kunnen worden gevisualiseerd
[1] Few Stephen, ―Visualizing Change - An Innovation in Time-Series Analysis,‖ 2007.
26/11/2013
22

23. Aanpak van Stephen Few [1]
• Lijngrafiek goede tijdsvoorstelling, maar beperkt #
variabelen
• Tijd laten voorstellen door beweging
o Meer andere variabelen kunnen worden gevisualiseerd
• Probleem: menselijk geheugen beperkt
[1] Few Stephen, ―Visualizing Change - An Innovation in Time-Series Analysis,‖ 2007.
26/11/2013
23

24. Aanpak van Stephen Few [1]
• Lijngrafiek goede tijdsvoorstelling, maar beperkt #
variabelen
• Tijd laten voorstellen door beweging
o Meer andere variabelen kunnen worden gevisualiseerd
• Probleem: menselijk geheugen beperkt
• Oplossing:
• Tijd door mens laten controleren
• ‗Sporen‘ achterlaten
[1] Few Stephen, ―Visualizing Change - An Innovation in Time-Series Analysis,‖ 2007.
26/11/2013
24

25. 26/11/2013
25

26. 26/11/2013
26

27. 1.
2.
3.
4.
5.
6.
Situering
Literatuur
Doelstelling
Geleverd werk
Planning
Statistieken

28. Doelstelling
• Probleem visualiseren tijdsparameter onderzoeken
• Goede/slechte punten bestaande technieken distilleren
• Zelf nieuwe oplossing creëren/testen
26/11/2013
28

29. Doelstelling
• Probleem visualiseren tijdsparameter onderzoeken
• Goede/slechte punten bestaande technieken distilleren
• Zelf nieuwe oplossing creëren/testen
• Tijdsvisualisatie op kleine schermen (mobiel)
26/11/2013
29

30. 1.
2.
3.
4.
5.
6.
Situering
Literatuur
Doelstelling
Geleverd werk
Planning
Statistieken

31. Dataset
• Alle matchen PL 1994-2014 in .csv formaat
• Resultaten, statistieken, odds
• Parameter tijd: discreet, geordend,
continue, eventueel cyclisch
26/11/2013
31

32. Visualisatievragen
•
•
•
•
26/11/2013
Hoe evolueert ranking van een team?
Periodes waarin teams beter presteren?
Verandering % afgewerkte kansen?
Verandering correctheid odds?
32

33. Visualisatie 1
• Hoe evolueert de rangschikking doorheen een
seizoen?
26/11/2013
33

34. Visualisatie 1
• Hoe evolueert de rangschikking doorheen een
seizoen?
• Dynamiek = tijd
26/11/2013
34

35. Visualisatie 1
• Hoe evolueert de rangschikking doorheen een
seizoen?
• Dynamiek = tijd
• Volgorde van teams geeft ranking weer
• Ook andere statistieken weergeven
26/11/2013
35

36. Visualisatie 1
• Hoe evolueert de rangschikking doorheen een
•
•
•
•
26/11/2013
seizoen?
Dynamiek = tijd
Volgorde van teams geeft ranking weer
Ook andere statistieken weergeven
Techniek: D3.js
36

37. Visualisatie 1
• Hoe evolueert de rangschikking doorheen een
•
•
•
•
•
26/11/2013
seizoen?
Dynamiek = tijd
Volgorde van teams geeft ranking weer
Ook andere statistieken weergeven
Techniek: D3.js
Direct digitaal prototype: dynamisch
37

38. 26/11/2013
38

39. Visualisatie 2
• Hoe evolueert je winst bij wedden op een resultaat
voor een bepaalde ploeg
26/11/2013
39

40. Visualisatie 2
• Hoe evolueert je winst bij wedden op een resultaat
voor een bepaalde ploeg
• Dynamiek = tijd
26/11/2013
40

41. Visualisatie 2
• Hoe evolueert je winst bij wedden op een resultaat
voor een bepaalde ploeg
• Dynamiek = tijd
• Sporen van Few in de praktijk testen
26/11/2013
41

42. 26/11/2013
42

43. Next
• Volgende stap: evalueren
• Itereren
• Goede en slechte zaken distilleren
26/11/2013
43

44. 1.
2.
3.
4.
5.
6.
Situering
Literatuur
Doelstelling
Geleverd werk
Planning
Statistieken

45. Eerste semester
Tijd
Activiteit
Nu - 04/12/2013
3 basisvisualisaties klaar
04/12/2013 – 11/12/2013
Evaluatie visualisaties
11/12/2013 – 22/12/2013
2de iteratie visualisaties
Kerstvakantie
Schrijven 2de deel literatuurstudie
3de iteratie visualisaties
26/11/2013
45