We have changed our licensing terms. Please visit this blog post to view details.

Archive for the ‘charts’ Category

The bitterness towards pie charts hurts great visualization

Posted by

Pie charts often have a less than pleasing reputation when it comes to data visualization. Despite being a valuable and effective way of showcasing data, using pie charts for visualization is considered an amateur move, one that shows a lack of knowledge and experience. However, regardless of the criticism, pie charts are still used every day and with good reason.

Why the Debate Around the Use of Pie Charts?

Pie charts are considered bad for visualization as humans can compare length better than angles – making other graphs far more suitable. What most users fail to understand is that pie charts are meant to showcase the part-to-whole relationship between the given data, and not for comparison.

pie chart

Many complain that there are better methods for visualization, but in defense of pie charts, you should consider what you are trying to show rather than criticize the medium of delivery. You need to understand that pie charts are an intriguing way to represent straightforward data.

The Advantages of Pie Charts

Pie charts have clear advantages in data visualization across industries, let’s take a look at some of these:

  • Clarity – Pie charts are easy to understand for the average individual. You don’t need to study statistics or repeatedly view the chart to comprehend what it’s trying to convey. This is crucial when presenting data visualizations to customers or for general public consumption.
  • Simple Communication – Pie charts are a great way to represent a basic set of data. A circle divided into numerous parts is uncomplicated and easy to grasp.
  • Visual appeal – Pie charts are visually intriguing, as they can be customized to match the situation. Creating a chart for younger audiences? Use bright colors. Want to create a chart for a business meeting? Use company colors.
  • Puts the readers first – Unlike other forms of visualization, when reading a pie chart, they do not have to know how to examine the underlying data and calculations to grasp what the graph represents.

Making Great Pie Charts

There’s nothing wrong with using pie charts for data visualization, provided you know how to use them. Here are a few pointers:

  • Data is king – Since the primary goal of a pie chart and other graphs is portraying data, understand what works for you. Data for pie charts need to be categorized, cannot overlap, and have no negative values. The divisions in a pie chart must also add up to a meaningful whole.
  • Organization – Now that you have chosen the right data, you must organize it from largest to smallest so you can make accurate divisions. Group your data into three to five meaningful categories.
  • Colors – Use colors that are suited for the occasion. Bright colors are, however, useful for specific ad campaigns. Typically, it is recommended to use grey on slices that represent around 1-2% of the data.
  • Combine smaller slices – When you have slices that represent small amounts of data, combine them into a larger slice. For example, if you have six slices and two of them represent small portions, you can combine them into an “others” group or similar categories.
  • Labels – You can label bigger slices inside or around the chart but smaller slices can be labeled outside, either through a key or by using arrows.
  • Placement – Since pie charts are not flexible, you should consider placing it alongside the text, in a column or sidebar to avoid too much white space around it.

Wrapping it Up

Pie charts are an excellent form of visualization provided you understand when and how to use them. Remember that pie charts are perfect for representing simple data but cannot be used to show correlation and other complex relations.

The key to an effective pie chart, or any other graph for that matter, is understanding the data at hand and making the best use of it. When users fail to do this, they often blame the chart. So, in conclusion, before questioning the worth of pie charts, it is more logical to question a user’s understanding of the data presented to them.

Comparison Table

Posted by

The below table tries to provide an illustration of the similarities/differences among different JavaScript Charting libraries available.

ApexChartsChart.jsHighChartsC3echarts
Graphic TypeSVGCanvasSVGSVGCanvas
Dependencychartjs-colormomentD3zrender  
Chart Types12+8+38+11+18+
npm weekly Downloads18k550k268k50k109k
Github Stars6.3k43.7k8.7k8.4k34.5k
Size (minified)435KB211KB199KB201KB + 227KB(d3)730KB
DocumentationGoodConfusingGoodGoodPoor English translations
Since20182013201020142013
LicenseMITMITCommercial (Free for personal use)  MIT  BSD 3 Clause
  * The above data is taken on 31st May, 2019

How to choose the right colors for your charts?

Posted by
Data visualizations are an indispensable part of your business; they make it easy for you or viewers to understand, and also make your data interesting to read. However, if you are the type that feels depressed immediately you see a chart, then something is wrong.   Charts are supposed to make it easier for you to comprehend a piece of information, and not to make the information more confusing and complicated.   If the visualization is made well, it will be very easy to understand even if the person is not really a data literate. This guide will help you to choose the right colors for your charts.  

Here are some tips on choosing the right colors for your Charts

 

Don’t Be Too Colorful

colorful-bar-chart Creating a data visualization is not all about using different shades of colors. Too many colors can distract the viewer from the information the data visualization is supposed to convey. However, this doesn’t mean you should make use of colors that are too dull, and won’t be easily seen. Also, remember to put some viewers that suffer from some kind of color blindness into consideration, especially green or red.

Use Similar Colors

similar-colors-in-a-chart Using different shades of colors that are not alike, and do not blend well can really be the perfect way to confuse the viewer.  So, you should either choose from a cool color palette or a warm color palette.

Use Colors of the Same Shades to Represent

shades-of-color-in-a-chart In order to ensure the viewers of the charts are fully focused and not distracted by the colors, you can use different shades of the same color to represent different values. This also helps to reflect a uniform appearance of the data visualization, and also make it appear clear and more easy to understand. However, don’t just use dark or light shades of the color in the middle of the chart, ensure the colors follow a progressive pattern.

Make Consistent Use of the Colors

color-palette-in-a-chart If you decided to use warm colors, then make sure you continue making consistent use of the colors. Also, if you decided to use cool colors, keep it consistent too. Don’t color one side of the data chart orange, and then color the other side gray, that is not ideal. Keeping the colors consistent is a basic principle of design that must be followed, and also makes it easy for viewers to understand. For instance, if the viewers already know what color represents a particular value, when they see the color again they will easily understand what it is representing.

Use Bright Colors to Highlight Important Points

bright-color-to-highlight-important-data-in-a-chart Although it is important to ensure the data visualization is not too colorful, there will be one or two particular points you really want the viewers to focus on. So what you do in this situation is to highlight the particular color with a bright color like yellow or orange. This will help to capture the attention of the viewer and bring their attention to that point. So do you see why it’s not ideal to use too many bright colors now? Viewers won’t know which of the points they should direct their attention to.

Use A Darker Shade to Highlight a Particular Point

dark-color-datapoint-in-chart.png This is also similar to the previous point, just that this time you are not using an entirely different color to highlight the important point. For instance, if you have been using a lighter shade of blue, you can decide to use a deeper shade of blue to highlight the important blue to make it different and captivating. However, this method of highlighting only works for a chart where the points are not attached. This means the method can not work on a pie-chart where the points are attached but will work perfectly on a bar chart.

Make Use of Intuitive Colors

  When you are choosing the colors you want to use, ensure you consider the meaning of the color in the viewer’s culture. In fact, it is better you even use colors that are generally accepted to have a particular meaning. For instance, everyone knows color red is used to represent danger, and the color green is used to represent forest or anything plants at all. So you can use the color green to represent a forest when you are creating the chart. This way the viewers will easily understand the chart. intuitive-colors Then, when it comes to choosing colors to encode genders, consider not going with the blue-pink combination, but choose a warmer color for female, and a cool color for men. It is known generally that women love warm colors and men love cool colors, except in rare cases.

Use Colors That Matches the Color of the Themes

It is also a good practice to ensure the color you are using for the data visualization matches the theme of the presentation. This helps to reflect an image of the organization and much more professional. Also, by using the same color your chart won’t be looking like a drawing made by a fourth-grader.

Conclusion

Whenever you are creating data visualization, always remember that the primary objective of creating the chart is for viewers to have a better understanding of particular information, and to also provide better insight and clarity to the information. Remember this primary objective at all times and choose the right colors for your charts, and you will never go wrong when deciding colors for your visualization.  

Stay Updated

Get the latest news, updates and what's coming next! Sign up for our Newsletter here.

Thank You! You are signed up.

There was an error while trying to send your request. Please try again.

ApexCharts.js will use the information you provide on this form to be in touch with you and to provide updates and marketing.