Getting the most out of your charts
The progression of a chart to from busy to decluttered

Getting the most out of your charts

When creating charts, our goal is to efficiently communicate information to our audience. Our aim is to make the process of information consumption as effortless as possible - there's nothing worse than having to squint and stare at a chart to decipher its message.

Believe me, we've all been guilty at some point of creating overly complex charts. Yet, this doesn't mean we should shy away from striving for simplicity.

Today, I want to explore the Data-Ink Ratio rule. The principle was first introduced by one of my favourite visualisation experts, Edward Tufte, in his 1983 book, "The Visual Display of Quantitative Information".

What is the Data-Ink Ratio?

The data-ink ratio refers to the proportion of a chart's ink dedicated to the actual representation of data, versus the non-data-ink used for everything else in the visual display.

Why 'ink'?

In the days of pen and paper - though we're not entirely beyond them - ink was the medium used to create charts. This term remains relevant as it emphasizes efficiency in how we use our visual tools today.

Why is this concept crucial?

The importance of this concept lies in its focus on making every 'drop of ink' count. Our objective is to optimise our visual space, directing our audience's attention to what matters most, thereby ensuring clarity and focus. Our aim is to eliminate any clutter that detracts from the essential data.

How can you implement the Data-Ink Ratio rule?

Here are several strategies to apply this rule effectively:

  1. Eliminate unnecessary lines and borders: Remove non-essential grid lines and borders that don't contribute to understanding the data. If they are necessary, consider making them lighter.
  2. Reduce the use of colour: Use colour sparingly with intention. Avoid using multiple colours that complicate rather than clarifies.
  3. Simplify labels and text: Ensure that every piece of textual information on the chart provides essential information. Remove or consolidate labels that can be easily inferred or are redundant.
  4. Iterative Refinement: Continuously refine your visualisation. Iteratively remove elements to see how it affects the comprehension and impact of the data presented.

By adhering to these guidelines, you can enhance the effectiveness of your data visualisations, making them not only more appealing but also more informative and easier to understand.

Walkthrough of an example

In this section, I'll demonstrate how simplifying a chart can enhance clarity and focus. Initially, our chart was cluttered, with multiple lines representing different players, making it difficult to discern individual performance trends. To address this, I simplified the chart and created separate visuals for key players. This approach not only cleans up the design, but also allows us to highlight individual stories more effectively.

Here's the process:

  1. Original Chart: Our initial chart included multiple players with different coloured lines, leading to a visually busy and confusing display.
  2. First Iteration (Wilt Chamberlain): I started by isolating Wilt Chamberlain’s data. I removed the grid lines and used a selective colour scheme. This helped in focusing on Chamberlain’s peak performance years without the distraction of other players' data cluttering the view.
  3. Second Iteration (Wilt Chamberlain): Further simplification was achieved by removing all redundant iterations of age and softening the colours of other players' data. This iteration makes Chamberlain's dominant years stand out even more clearly.
  4. Further Examples (Michael Jordan, LeBron James, and Kobe Bryant): Applying the same principles, I created focused charts for each player. These charts highlight individual career trajectories and significant moments, like Jordan’s interruptions due to retirements and Bryant’s gradual rise to a scoring leader.

Each chart now tells a more distinct and engaging story, demonstrating how targeted adjustments can significantly enhance the data-ink ratio while improving the overall impact and readability of our visual presentations.

Original chart: Standard line chart with multiple colours and grid lines


Iteration 1: Removal of grid lines and selective use of colour. Name of player used as the chart title, as it will form part of a multi-chart comparison.
Iteration 2: Removal of all iterations of age, and a lighter colour for other players. We can see how dominant Wilt was for those few years.
Iteration 2: Michael's scoring was interrupted by a couple of retirements.
Iteration 2: LeBron's scoring average has been so consistent throughout his 20-year career.
Iteration 2: Kobe took a few years to really cement himself as a potent scorer.




要查看或添加评论,请登录

Thomas C.的更多文章

  • Solve user's needs, not just requests

    Solve user's needs, not just requests

    Often when designing dashboards, we mistake the requests as requirements. However, it is our job as dashboard designers…

    2 条评论
  • Why you're wasting time on the wrong data visualisation tools - here's what you should use instead.

    Why you're wasting time on the wrong data visualisation tools - here's what you should use instead.

    In my days as a photographer and camera reviewer for TechLife magazine, a common question I often encountered was…

    1 条评论
  • Key takeouts from the Salesforce World Tour Sydney 2024

    Key takeouts from the Salesforce World Tour Sydney 2024

    It was exciting to be at the Salesforce World Tour in Sydney yesterday. There were so many incredible talks.

    7 条评论
  • Highlights from OpenAI's Sora

    Highlights from OpenAI's Sora

    Everyone's been blown away by OpenAI's launch of Sora yesterday. They immediately blew away multiple competitors that…

    4 条评论
  • Let's talk about racism

    Let's talk about racism

    Racially motivated attacks against the Asian community in America have been on the rise at an alarming rate over the…

    7 条评论
  • Racism: we are all part of the problem

    Racism: we are all part of the problem

    Let's talk about racism and let's be real honest. Most of us, myself included, are part of the problem when it comes to…

    4 条评论
  • Making the most of being stood down

    Making the most of being stood down

    About a year ago I was made redundant from my previous role at Virgin Mobile. It wasn't the nicest feeling.

    11 条评论

社区洞察

其他会员也浏览了