3. tegen volgende week
• d3.js aanleren
• d3.js van spreadsheet als simpele case study
• blog opzetten en op slack aankondigen
• infovis van de week
(digitaal/analoog, individueel, blog)
slide van vorige week
3
http://ariadne.cs.kuleuven.be/wiki/index.php/InfoVis-1414
16. Real data is ugly and needs to be cleaned
http://nieuws.vtm.be/verkiezingen/gemeente?province=P1&city=G73
13
17. Real data is ugly and needs to be cleaned
http://www.netmagazine.com/features/seven-dirty-secrets-data-visualisation
https://code.google.com/p/google-refine/
http://vis.stanford.edu/wrangler/
Pre-process your data
http://nieuws.vtm.be/verkiezingen/gemeente?province=P1&city=G73
13
22. Size & angle are not pre-attentive: difficult to compare
Limited Short term (visual) memory
Which student has more blogposts?
15
23. Size & angle are not pre-attentive: difficult to compare
Limited Short term (visual) memory
Save the pies for dessert (S.Few)
Which student has more blogposts?
15
24. Size & angle are not pre-attentive: difficult to compare
Limited Short term (visual) memory
Save the pies for dessert (S.Few)
Which student has more blogposts?
15
36. 0" 10" 20" 30" 40" 50" 60"
Student"1"
Student"2"
Student"3"
Student"4"
blogposts"
tweets"
comments"on"blogs"
reports"submi:ed"
0%# 20%# 40%# 60%# 80%# 100%#
Student#1#
Student#2#
Student#3#
Student#4#
blogposts#
tweets#
comments#on#blogs#
reports#submi;ed#
What/how are you comparing?
What story do you get from it?
Use common sense
19
39. http://www.perceptualedge.com/
Which graph makes it easier to focus on the pattern of change through time,
instead of the individual values?
Choose graph that answers your questions about your data
22