Digital marketers have plenty of data. Understanding and communicating all that data is the real challenge. Marketers that master data visualization will be highly valuable in future. This presentation walks you through the best practices and a 4-step process for simpler, more effective data visualizations.

1. DATA
VISUALIZATION:
HOW TO USE THIS
MARKETING
SUPERPOWER
Clark Boyd
20 April, 2022

2. digitalmarketinginstitute.com 2
Hi! I’m Clark Boyd
- Course Leader at Cambridge University and
Columbia University business schools
- Former digital strategy lead for American Express,
adidas, and General Motors
- Sign up for my free, weekly newsletter:
https://hitech.substack.com/
- Subscribe to the YouTube channel:
https://www.youtube.com/channel/UCtjxTUewG
1TMj5WydVD8bhA
https://www.linkedin.com/in/clark-boyd-digital/

3. digitalmarketinginstitute.com 3
COMING UP
1. The human visual system
2. Data visualization & marketing
3. A four-step process for success
○ The right data
○ The right visual
○ Remove the clutter
○ Show AND tell the story
4. Getting started

4. digitalmarketinginstitute.com 4
By the time you look over here and read this,
your visual system has already processed that
image.
You have counted the people, you know what
color their drinks are, and you can describe
the scene.

5. digitalmarketinginstitute.com 5
This time, you processed the x- and y-
positions of the objects, along with their
central points and colors.
We have evolved to be excellent at this.

6. digitalmarketinginstitute.com 6
There are
80 billion
neurons in the human brain.
35 billion
of them are dedicated
to visual processing.

7. digitalmarketinginstitute.com 7

8. digitalmarketinginstitute.com 8
How quickly
can you pick
out the three
highest and
lowest values
in this matrix?

9. digitalmarketinginstitute.com 9
How about
now?

10. digitalmarketinginstitute.com 10
Or we can take the same data
and display it as a histogram
with distribution line.
Now we can talk about the
overall shape of the data, but
we lose the precision of
individual data points.
These trade-offs are always at
play with data visualization!

11. digitalmarketinginstitute.com 11
A definition:
Data visualization is the practice of communicating
what we see in data to the visual system of our
intended audience, using graphical representations.

12. Data
Visualization
&
Digital
Marketing

13. digitalmarketinginstitute.com 13
https://uxdesign.cc/blooming-bar-charts-the-growth-of-the-data-visualization-industry-5095c59a17fb

14. digitalmarketinginstitute.com 14
https://uxdesign.cc/blooming-bar-charts-the-growth-of-the-data-visualization-industry-5095c59a17fb

15. digitalmarketinginstitute.com 15
https://uxdesign.cc/blooming-bar-charts-the-growth-of-the-data-visualization-industry-5095c59a17fb

16. digitalmarketinginstitute.com 16
https://uxdesign.cc/blooming-bar-charts-the-growth-of-the-data-visualization-industry-5095c59a17fb

17. digitalmarketinginstitute.com 17

18. digitalmarketinginstitute.com 18

19. 4-Step Process
to Create Better
Visualizations

20. digitalmarketinginstitute.com 20

21. digitalmarketinginstitute.com 21

22. digitalmarketinginstitute.com 22

23. digitalmarketinginstitute.com 23

24. digitalmarketinginstitute.com 24

25. digitalmarketinginstitute.com 25
WHAT DATA WILL ANSWER YOUR QUESTIONS?
Tip:
When you create a
visualization, ask
yourself: What is
the first sentence
that comes to
mind when you
look at the chart?
Then, ask
someone else!

26. digitalmarketinginstitute.com 26
I made up a dataset to help prove a
point. The data is about penguin
populations, but it is entirely fictional.
I know we have Humboldts in London
Zoo - here I am taking pictures of them
in the rain - but the rest I have
fabricated.
Just getting that in early before some
pedant points out pernickety
imperfections in my penguin population
plots!

27. digitalmarketinginstitute.com 27

28. digitalmarketinginstitute.com 28
Showing lots of data helps prove our
credibility.
But too much data overloads the
visual system and dilutes our point.

29. digitalmarketinginstitute.com 29
We need a flat baseline to make
accurate comparisons.
But this means focusing on just one
species at a time.

30. digitalmarketinginstitute.com 30
Species England France Germany Sweden Belgium
Rockhopper 33 32 42 33 27
Adélie 34 44 31 12 25
Humboldt 18 11 32 22 1
Gentoo 34 23 14 6 5
Macaroni 25 22 45 11 11
Depending on the audience, we can
display 5 separate charts, with the
raw data for those who like to dig
deeper.

31. digitalmarketinginstitute.com 31

32. digitalmarketinginstitute.com 32

33. digitalmarketinginstitute.com 33
Steve Franconeri, Kellogg Business School
https://twitter.com/SteveFranconeri

34. digitalmarketinginstitute.com 34
Steve Franconeri, Kellogg Business School

35. digitalmarketinginstitute.com 35

36. digitalmarketinginstitute.com 36
This chart combines multiple
techniques very effectively. Over
here, we have the broad sweep of
the lower rankings. We need less
precision here and a log scale helps
display this.

37. digitalmarketinginstitute.com 37
Over here, we get precision:
the position of individual
players, joined by a 1-D line.

38. digitalmarketinginstitute.com 38
This time, the authors want to show a trend. Distinct colours
show that there are separate groups; the viewer can then
interact with the chart to find out more.

39. digitalmarketinginstitute.com 39

40. digitalmarketinginstitute.com 40
Best Practice 1: Label the Lines
It just makes it much easier to follow the
trends.

41. digitalmarketinginstitute.com 41
Best Practice 2: Use Grid Lines for Essential Context

42. digitalmarketinginstitute.com 42
Best Practice 3: NO 3D OR SHADOWS

43. digitalmarketinginstitute.com 43
Best Practice 4: Never Use Vertical X-axis Labels

44. digitalmarketinginstitute.com 44
Best practice 4: Never use vertical x-axis labels

45. digitalmarketinginstitute.com 45
The real pros (I’m not one
of them) know when to
break the rules.
I wanted to show the
gender breakdown at
Winter Olympic games
since 1924, so I dutifully
created a series of pie
charts. It was a
comparison task, over
many cyclical periods of
time.

46. digitalmarketinginstitute.com 46
The image was a lot bigger than this, so
the text was legible.
But anyway, I highlighted the female pie
section and you can see that it grows
considerably.
A few weeks later, The Economist worked
with the same data.

47. digitalmarketinginstitute.com 47
And they used a line graph. It tells the key
story here more effectively, even if it’s not
the “best practice” for such data.

48. digitalmarketinginstitute.com 48

49. digitalmarketinginstitute.com 49
Can you spot the cat?

50. digitalmarketinginstitute.com 50
He’s down there in the bottom left. Once you see him, it seems so obvious. You can’t
“unsee” him.
Professor Steven Pinker calls this the “curse of knowledge” and it crops up all the time
in data visualization. Once you see something in the data, it will jump out at you from
your charts.

51. digitalmarketinginstitute.com 51
To process information we store it in chunks, and
communication requires whoever we are
communicating with to be able to decode these
chunks of information.

52. digitalmarketinginstitute.com 52

53. digitalmarketinginstitute.com 53
This example
breaks the
information into
chunks for the
reader

54. digitalmarketinginstitute.com 54
And once we have the
key to the first chart,
we can explore the
others without so
much guidance.

55. digitalmarketinginstitute.com 55

56. Getting Started

57. digitalmarketinginstitute.com 57

58. digitalmarketinginstitute.com 58
https://docs.google.com/spreadsheets/d/1rx-dOFbAN53Ws6VBl1GQKHG8AFS3KNN_qPG3R4UnFKI/edit?usp
=sharing
Check out this document - I have put together the best free resources
to get you started. Happy visualizing!

59. digitalmarketinginstitute.com 59