@Xebiconfr #Xebicon18 @scauglog
Build the future
Comment fausser l’interprétation de vos résultats avec des DataViz
Romain Sagean, Développeur
Xebia
1
@Xebiconfr #Xebicon18 @scauglog
Qui suis-je ?
Scauglog (Romain Sagean)
Développeur,
Xebia
@scauglog
2
@Xebiconfr #Xebicon18 @scauglog
Table
Simple but effective
3
@Xebiconfr #Xebicon18 @scauglog
Data 2012
April 132
August 63
December 206
February 31
January 132
July 100
June 119
March 47
May 62
November 112
October 245
September 88
4
@Xebiconfr #Xebicon18 @scauglog
Table
● Value
● Mnemonic Empan = 7
● Accurate
2012
April 132
August 63
December 206
February 31
January 132
July 100
June 119
March 47
May 62
November 112
October 245
September 88
5
@Xebiconfr #Xebicon18 @scauglog
Table
● Alphabetical Order is the worst
2012
April 132
August 63
December 206
February 31
January 132
July 100
June 119
March 47
May 62
November 112
October 245
September 88
6
@Xebiconfr #Xebicon18 @scauglog
Table
● Alphabetical Order is the worst
● Logical Order could be Great
2012
January 132
February 31
March 47
April 132
May 62
June 119
July 100
August 63
September 88
October 245
November 112
December 206
7
@Xebiconfr #Xebicon18 @scauglog
Table
● Alphabetical Order is the worst
● Logical Order could be Great
● Sorting value instead of Label is better
2012
October 245
December 206
April 132
January 132
June 119
November 112
July 100
September 88
August 63
May 62
March 47
February 31
8
@Xebiconfr #Xebicon18 @scauglog
Line Chart
What? Data is evolving!
9
@Xebiconfr #Xebicon18 @scauglog
Line Chart
● Evolution
● Angle
● X axis = cause
● Y axis = effect
10
@Xebiconfr #Xebicon18 @scauglog 11
@Xebiconfr #Xebicon18 @scauglog
Line Chart
● Bold line decrease effect
12
@Xebiconfr #Xebicon18 @scauglog
Line Chart
● Bold line decrease effect
● Sum all category to show an
increase
13
@Xebiconfr #Xebicon18 @scauglog
Line Chart
● Bold line decrease effect
● Sum all category to show an
increase
● Plot incomplete category to
show a decrease
14
@Xebiconfr #Xebicon18 @scauglog
Line Chart
● Bold line decrease effect
● Sum all category to show an
increase
● Plot incomplete category to
show a decrease
15
@Xebiconfr #Xebicon18 @scauglog
Line Chart
● Bold line decrease effect
● Sum all category to show an
increase
● Plot incomplete category to show
a decrease
● 3D shiny and misleading
16
@Xebiconfr #Xebicon18 @scauglog
Bar Chart
Not as good as chocolat bar’s
17
@Xebiconfr #Xebicon18 @scauglog
Bar Chart
● Comparison
● Group Dimension to Compare
18
@Xebiconfr #Xebicon18 @scauglog 19
@Xebiconfr #Xebicon18 @scauglog
Bar Chart
● Don’t start at Zero to show a
greater difference between bar
20
@Xebiconfr #Xebicon18 @scauglog
Bar Chart
● Don’t start at Zero to show a
greater difference between bar
21
@Xebiconfr #Xebicon18 @scauglog
Bar Chart
● Don’t start at Zero to show a
greater difference between bar
● Scale Must not be cut
22
shop 1 shop 2
@Xebiconfr #Xebicon18 @scauglog
Bar Chart
● Don’t start at Zero to show a
greater difference between bar
● Scale Must not be cut
23
shop 1 shop 2
@Xebiconfr #Xebicon18 @scauglog
Bar Chart
● Don’t start at Zero to show a
greater difference between bar
● Scale Must not be cut
24
shop 1 shop 2
@Xebiconfr #Xebicon18 @scauglog
Bar Chart
● Don’t start at Zero to show a
greater difference between bar
● Scale Must not be cut
● 3D you will never get the right
number
25
@Xebiconfr #Xebicon18 @scauglog
Bar Chart
● Don’t start at Zero to show a
greater difference between bar
● Scale Must not be cut
● 3D you will never get the right
number
26
@Xebiconfr #Xebicon18 @scauglog
Line VS Bar
27
@Xebiconfr #Xebicon18 @scauglog
Line VS Bar
28
@Xebiconfr #Xebicon18 @scauglog
Line VS Bar
29
@Xebiconfr #Xebicon18 @scauglog
Line VS Bar
30
@Xebiconfr #Xebicon18 @scauglog
Line VS Bar
31
@Xebiconfr #Xebicon18 @scauglog
Pie Chart
Yes it’s useful
32
@Xebiconfr #Xebicon18 @scauglog
Pie Chart
● Composition
● Lot of value
33
@Xebiconfr #Xebicon18 @scauglog
Pie Chart
● Should be 100%
34
@Xebiconfr #Xebicon18 @scauglog
Pie Chart
● Should be 100%
35
@Xebiconfr #Xebicon18 @scauglog
Pie Chart
● Should be 100%
● To determine percent people use:
○ outer arc (50%)
○ area (25%)
○ angle (25%)
36
@Xebiconfr #Xebicon18 @scauglog
Pie Chart
● Should be 100%
● To determine percent people use:
○ outer arc (50%)
○ area (25%)
○ angle (25%)
● 3D? oh god no, not again
37
@Xebiconfr #Xebicon18 @scauglog
Dimension
how many dimension can you plot without using 3D perspective?
38
@Xebiconfr #Xebicon18 @scauglog
Dimension
39
1
@Xebiconfr #Xebicon18 @scauglog
Dimension
40
1 2
@Xebiconfr #Xebicon18 @scauglog
Dimension
41
1 2 3
@Xebiconfr #Xebicon18 @scauglog
Dimension
42
1 2 3 4
@Xebiconfr #Xebicon18 @scauglog
Dimension
43
1 2 3 4 5?
@Xebiconfr #Xebicon18 @scauglog
Color
Hopefully someone else problem
44
@Xebiconfr #Xebicon18 @scauglog
Color
● 8% of men are color blind
45
@Xebiconfr #Xebicon18 @scauglog
Color
● 8% of men are color blind
● Respect existing convention
○ no data = grey
46
@Xebiconfr #Xebicon18 @scauglog
Color
● 8% of men are color blind
● Respect existing convention
○ no data = grey
○ banana = yellow
47
@Xebiconfr #Xebicon18 @scauglog
Color
● 8% of men are color blind
● Respect existing convention
○ no data = grey
○ banana = yellow
48
@Xebiconfr #Xebicon18 @scauglog
Thank You
Do your worst #WTFDataViz
49
@Xebiconfr #Xebicon18 @scauglog
Let’s play
find the mistakes
50
@Xebiconfr #Xebicon18 @scauglog 51
@Xebiconfr #Xebicon18 @scauglog 52
@Xebiconfr #Xebicon18 @scauglog 53
@Xebiconfr #Xebicon18 @scauglog
Let’s fix it
54
@Xebiconfr #Xebicon18 @scauglog 55
@Xebiconfr #Xebicon18 @scauglog
Try Again
56
@Xebiconfr #Xebicon18 @scauglog 57
@Xebiconfr #Xebicon18 @scauglog
Why ?
58
@Xebiconfr #Xebicon18 @scauglog 59
@Xebiconfr #Xebicon18 @scauglog 60
@Xebiconfr #Xebicon18 @scauglog
Let’s fix it
61
@Xebiconfr #Xebicon18 @scauglog 62
@Xebiconfr #Xebicon18 @scauglog
Rainbow colormap
63
@Xebiconfr #Xebicon18 @scauglog 64
@Xebiconfr #Xebicon18 @scauglog
Simple Shape
Simple to understand but hard to draw
65
@Xebiconfr #Xebicon18 @scauglog
Simple Shape
● Comparison
● we compare Area or volume
● rectangle > square or circle > 3D
● you can even use non geometrical shape
like cat or dog shadow
66
@Xebiconfr #Xebicon18 @scauglog
Simple Shape
67
@Xebiconfr #Xebicon18 @scauglog
Simple Shape
68
@Xebiconfr #Xebicon18 @scauglog
Simple Shape
69

XebiCon'18 - Comment fausser l'interprétation de vos résultats avec des dataviz