Home Design Key Principles That Will Help You Design Better Charts!

Key Principles That Will Help You Design Better Charts!

Depending on what you want to show, here is an overview of the most common chart types:(You need to understand these 4 types to design better charts)

4 types of charts


  • Pie Chart Stacked column chart Stacked area chart Waterfall charts.


  • Column chart Bar chart Line chart Radar chart.


  • Scatter Chart Bubble chart.


  • Histogram chart Scatter chart.

⁣Let’s see a few quick tips that how we can improve and design better charts which leads to better UX.

Pie and Donut Charts

Pie and Donut Charts

  • Don’t use pie charts if you have more than 6 categories.
  • Don’t use pie charts for similar values.
  • Don’t use pie charts if the value doesn’t add up to 100%.
  • Order slices according to their size.

Bar and Column Charts

Bar and Column Charts Bar and Column Charts2

  • Always start the y-axis at 0.
  • Use a horizontal bar chart when you have long labels.
  • Order data series unless you are working with data.
  • Use contrasting colors for greater clarity when presenting data.

Line Charts

Line Charts

  • Avoid comparing more than 5-7 lines.
  • Don’t use line charts if not comparing values over time.

Area charts

Area Charts

  • When using overlapping area charts make colors transparent.

Final slide

Learn more about Chart design principles in here.

Chart Design Principles

How to Choose the Right Chart for Your Data

John Wolf
John Wolf
UI & UX Designer Teaching UX design from personal experience.


Please enter your comment!
Please enter your name here

Design/Tips Of The Day ❤️

Most Popular

Is MacOS 11 Big Sur Really Ugly? And Here Is Why!

Latest Apple - macOS 11 Big Sur design update make some users unhappy because of the several reasons.

What Should Be The Size Of Your Icon/Button?

Buttons are everywhere. The primary form of taking action on any interface is associated with the humble button. And yet we see an overabundance...

MacOS 11 Big Sur Icons Good or Bad? Here’s What Designers Think.

Apples' Latest macOS 11 Big Sur comes with a new icon style - Soft 3D skeuomorphism. Let's see what UI/UX Desgners think about these new Big Sur icons.

How To Create Your Design Portfolio? (Step By Step Guide)

Step by step guide on creating your design portfolio! Whether it’s for showcasing your work for a job interview or for a freelance opportunity...

How To Design Water Animation Using Adobe XD – 3 Tutorials Included

Adobe XD is one of the most famous prototyping tools used in the UI UX Industry. Since most of the designers are familiar with...