01 September 2017 |
Adding Logos to Scatter Plots in Displayr
Adding labels to a scatter plot is a great way to increase understanding. By using logos we can take that process a step further. Users are immediately aware what each point represents. In this post I explain how to add logos to a scatter plot in Displayr.
A scatter plot with labels
The plot below shows a measure of how may people drink different brands of soft drink when at restaurants and when exercising. Each point is labelled with the name of a brand. In Displayr this is created with Insert > Visualization > Scatterplot.
We can read that energy drinks (V, Lift Plus and Red Bull) are popular while exercising, but not at restaurants. The plot is not difficult to understand, but it could be better.
Adding logos improves clarity
We add logos in Displayr by supplying a comma delimited list of URLs. The improved chart is shown below.
Logos take advantage of the picture superiority effect: a cognitive bias whereby people remember pictures more than words. The phrase “a picture is worth a thousand words” springs to mind! Note that although you can scale logos can be scaled with the Logo size parameter, logos are only suitable for plots with a low number of points. Otherwise the plot becomes too busy and confusing.
You could convey the same information by using text labels or by coloring the points and a legend. However, the brain processes logos faster and remembers them better.
Adding logos to scatter plots in Displayr is simple process that aids user understanding. Logos also makes scatter plots look more professional.
You can follow the steps, or add some polish to your own charts in Displayr by following this link.
Author: Jake Hoare
After escaping from physics to a career in banking, then escaping from banking, I decided to go back to BASIC and study computing. This led me to rediscover artificial intelligence and data science. I now get to indulge myself at Displayr working in the Data Science team, sometimes on machine learning.