Circle Charts – when design meets data

  • Circle charts are better to use for entertainment or information purpose. They are not the best choice for a business environment.
  • Circle charts are attractive for receivers and can pull them into your story.
  • Using multilayers demands providing a well-defined legend.

Humans always have had a special attitude to the sun. In prehistoric and ancient ages, in some cultures sun had the status of God. Without any scientific theories, they just knew that the sun is unique and has a crucial role for our planet and any living creature. Even in cultures where ancient humans did not worship the sun, the sun motif was commonly used to decorating buildings, everyday items, or apparel.

Nowadays, we still willingly use the image of the sun, especially in art and architecture. Something is appealing in this figure. Centric circle shape with rays around them somehow reminds me of the wheel of life with rays as special moments.

Maybe that is why the pie chart and all variations of pie charts are so popular and like among people. The father of the most known data visualizations is William Playfair. He invented a pie chart in 1801, and it is still commonly used to depict data.

My personal relationship with a pie chart is …. complicated. I do not use them often in a business environment. It is hard to present accurate data on a pie chart, especially with a good number of categories. When it comes to present information for making decisions it is better to go for more readable visualizations like bar charts (check my post: “PIES ARE FOR EATING NOT FOR DISPLAYING DATA”).

However, a different story is with data journalism, when the purpose is to entertain, or inform the audience. In such case, I would give green light to anybody, who would like to present any complicated data on any variation of a circle chart like a sunburst, radial chart, or spiral chart.

Those charts give you an opportunity to present complex hierarchical information on one chart, so even though there are maybe not idealistically readable, they are still concentrated within one visualization, which is an advantage for the audience. Do not forget that data journalism has a different purpose. The main goal is to pull readers into the story. Surprisingly, more complex visualizations with a huge number of details, colors and shapes can be a better agent than simple one to achieve that mission. It is because readers must spend more time decoding that visualization and retrieve information from it. Another aspect that increases the involvement of readers is chart interactivity. Of course, that case can be applied only on website media.

EXAMPLES

Below infographics are good examples of the complexity vs. the reader engagement. It is hard to understand them at glance. You need to hang your eyes for a longer time and go deeper to acknowledge these images.

The huge advantage is adding other layers or rings to the image. Thanks to that technique additional data are introduced into a chart and we can interpret or read information from different angles or levels. Looking on the same image with several layers of information helps us to find interesting patterns and observation. Would be much harder to achieve that effect when having separate charts.

Global statistics

Our Mother Earth is round at it has a connotation with a round object like a circle. Why not use it to strengthen the message. The chart is combined with several charts placed on circle x-axis: life expectancy and average hours of sunshine is a bar chart. Life satisfaction is a heatmap.

https://www.designboom.com/design/sunshine-and-happiness-infographic/
https://www.visualcapitalist.com/visualizing-all-of-earths-satellites/

Time

The time in western culture is perceived as linear from years perspective. When we present years the line chart or bar chart would be our first choice. However, when it comes to the elements of one year, we perceive them as a cycle. What I definitely admire in circle charts is the possibility to present any periodical phenomenon connected with time:

  • Seasons: Summer, Autumn, Winter, Spring
  • Months
  • Weeks
  • Hours
  • Minutes
https://www.digitalartsonline.co.uk/features/graphic-design/award-winning-infographic-designer-nadieh-bremer-on-how-create-powerful-data-visualisations/

Hierarchical information

Presenting hierarchical data is challenging. However, sunburst charts can handle that. Sunburst charts consist of rings that represent a separate level of hierarchy. This visualization gives us an opportunity to present very complex information in one view.

Note that hierarchical information can be presented as qualitative or quantitative.

The below example presents types of cheese categorize by type of milk and their hardness. This information is qualitative. Another type of visualization that we could use would be a treemap. However, a treemap does not look such good as a circle chart.

https://stackoverflow.com/questions/17069436/hierarchical-multilevel-pie-chart

DOS & DONTS

  • Use colours to catch the attention but remember to choose them in accordance with best practices for colour blindness disabilities. Studies show that around 10% of people population have some disabilities in colours distinguish.
  • Always provide the legend. The legend should explain the meaning of colours, shape, sizes and even positions of objects on your visualization.
  • Add short text on visualisation. If there are points that should be emphasis place additional text with an explanation nearby them. The well-balanced text provides context for a particular point.
  • Plan the objects’ size with available space in mind and readability aspect.
  • Do not use too small fonts.
  • Do not use decorative fonts as they are not readable.
  • Remember about the title and short description of the data visualization.
  • Leave whitespace around the visualization to not clutter the page.
Advertisement

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s