Follow these 4 simple tips to make your dashboards, reports and presentations effective, easy to understand, and impactful. (donuts may or may not be involved)
6. [all.the.work.things]
What does this mean? (Why should anyone care?)
0
50
100
150
200
250
2015 2016 2017 2018 2019 2020 2021 2022
Demand
Capacity
7. [all.the.work.things]
Summarize your message (one sentence)
Put it at the top of your report or data visualization
0
50
100
150
200
250
2015 2016 2017 2018 2019 2020 2021 2022
Demand
Capacity
WE NEED TO BUILD MORE CAPACITY BY 2019!
8. [all.the.work.things]
Summarize your message (one sentence)
Put it at the top of your report or data visualization
0
50
100
150
200
250
2015 2016 2017 2018 2019 2020 2021 2022
Demand
Capacity
WE NEED TO BUILD MORE CAPACITY BY 2019!
NOW: You’ve set the frame for anyone who sees your report!
(even if you’re not in the room) (because you may not be)
14. [all.the.work.things]
Vs. 2D
T w i c e t h e S p a c e for the Same Information
(because you probably have extra space you’re not using)
(…in opposite world)
24. [all.the.work.things]
Point 1:
Reserve Green, Yellow, Red for STATUS
[red] = stop | bad
[yellow] = pause | caution
[green] = go | good
(you can’t always do this, but it’s good to do when you can)
25. [all.the.work.things]
Point 2: Use Color Consistently
US
Canada
South America
Central America
US
Germany
France
Italy
Market: US vs N. Amer. Market: US vs Europe
Do these look ok to you?
26. [all.the.work.things]
Point 2: Use Color Consistently
US
Canada
South America
Central America
US
Germany
France
Italy
Market: US vs N. Amer. Market: US vs Europe
Do these look ok to you?
(HINT: No. They don’t look ok to you)
27. [all.the.work.things]
Point 2: Use Color Consistently
US
Canada
South America
Central America
US
Germany
France
Italy
Market: US vs N. Amer. Market: US vs Europe
Different Colors for the Same Variable
28. [all.the.work.things]
Point 2: Use Color Consistently
US
Canada
South America
Central America
US
Germany
France
Italy
Market: US vs N. Amer. Market: US vs Europe
Different Colors for the Same Variable
Identical Colors for Different Variables
IDEA: Use the same colors for the same things!
29. [all.the.work.things]
Point 2: Use Color Consistently
US
Canada
South America
Central America
US
Germany
France
Italy
Market: US vs N. Amer. Market: US vs Europe
AHHHHHHH much better.
30. [all.the.work.things]
Point 2: Use Color Consistently
US
Canada
South America
Central America
US
Germany
France
Italy
Market: US vs N. Amer. Market: US vs Europe
AHHHHHHH much better.
(consistent pie charts are happy pie charts)
33. [all.the.work.things]
Point 3: Beware Colorblindness!
If 3 white men review your report…
There’s a 22% chance at least one of them is colorblind!
Use this handy chart to
design to avoid
confusion.
[click here for the source]
35. [all.the.work.things]
You Want To Show:
Square Area to Fill?
0% 25% 50% 75% 100%
Percentages of a Whole (a breakdown).
Use a Pie Chart.
(the most
delicious
of all
charts)
Linear Area to Fill?
Use a 100% Stacked Bar.
36. [all.the.work.things]
You Want To Show:
Square Area to Fill?
0% 25% 50% 75% 100%
Percentages of a Whole (a breakdown).
Use a Pie Chart.
(the most
delicious
of all
charts)
Linear Area to Fill?
Use a 100% Stacked Bar.
Examples: “X broken down by “Y”.
• Revenue Broken down by Region.
• Hours worked broken down by project.
• Donuts consumed broken down by family member.
37. [all.the.work.things]
You Want To Show:
Square Area to Fill?
0% 25% 50% 75% 100%
Examples: “X broken down by “Y”.
• Revenue Broken down by Region.
• Hours worked broken down by project.
• Donuts consumed broken down by family member.
Percentages of a Whole (a breakdown).
Use a Pie Chart.
(the most
delicious
of all
charts)
Linear Area to Fill?
Use a 100% Stacked Bar.
(I win the last one)
Rich
Everyone Else
38. [all.the.work.things]
You Want To Show:
How something compares to a single measure.
Use a Bar Chart.
0 20 40 60 80 100
Thing 1
Thing 2
Thing 3
Thing 4
39. [all.the.work.things]
You Want To Show:
How something compares to a single measure.
Use a Bar Chart. But make sure to sort it in
some logical way.
This makes your message
clearer.
0 20 40 60 80 100
Thing 2
Thing 1
Thing 4
Thing 3
40. [all.the.work.things]
You Want To Show:
How something compares to 2 different measures.
Use a Scatter Plot.
0
2
4
6
8
10
0 2 4 6 8 10
41. [all.the.work.things]
You Want To Show:
How something compares to 2 different measures.
Use a Scatter Plot.
0
2
4
6
8
10
0 2 4 6 8 10
Example: Choosing a Project.
(1) Is this project EASY TO DO?
(2) Is this project WORTH DOING?
hard easy
nope
yep
42. [all.the.work.things]
You Want To Show:
How something compares to 2 different measures.
Use a Scatter Plot.
0
2
4
6
8
10
0 2 4 6 8 10
Example: Choosing a Project.
(1) Is this project EASY TO DO?
(2) Is this project WORTH DOING?
…plot a bunch of projects and
you can quickly see things that
are both EASY and WORTH DOING
(let’s do those things!)hard easy
nope
yep
44. [all.the.work.things]
You Want To Show:
The Status of Something (On Track, At Risk, etc.)
Is the Scale Obvious?
Use a Status Light.
Project Status
Build Things
Ship Things
Profit
(we need more donuts)
45. [all.the.work.things]
You Want To Show:
The Status of Something (On Track, At Risk, etc.)
Is the Scale Obvious? Is the Scale Unknown?
Use a Status Light. Use a Status Scale.
Project Status
Build Things
Ship Things
Profit
Indicator Great! Ok. BAD
Who
Cares
Donut
Demand
Donut
Inventory
Broccoli
Inventory
46. [all.the.work.things]
You Want To Show:
The Status of Something (On Track, At Risk, etc.)
Is the Scale Obvious? Is the Scale Unknown?
Use a Status Light. Use a Status Scale.
Project Status
Build Things
Ship Things
Profit
Indicator Great! Ok. BAD
Who
Cares
Donut
Demand
Donut
Inventory
Broccoli
Inventory
(we need more donuts)