In a previous post, we had discussed how to increase the usability of your charts instantly using some simple tips. In this post, I will discuss some lesser-known tips that can enhance the usability of your charts further and help make more sense out of the data plotted on them.
If you are talking about four million dollars of profits every year, then talking about the twenty five cents part of the figure would hardly interest anyone. Remove the unnecessary precision.
Round off the numbers to their nearest integer, or even hundreds and thousands.
Many a times during sales forecasting or project planning, you need to show predicted values on the chart. To avoid the user mixing up the known and the predicted values during his deep analysis, show the predicted values using a dashed border.
Dashed borders are sometimes used to highlight a data set as well. But with a small note in the caption or axis labels mentioning this, you can make it clear that you are showing predicted values using the dashed border.
Say you are displaying monthly data from Nov 08 to Aug 09 which happens to be an irregular time period to plot data for. People are either used to seeing monthly data for all the 12 months one after another or quarterly data for all the 4 quarters one after another but surely not monthly data for Nov 08 to Aug 09.
Typically, the dynamics from one calendar year to another change quite a bit. To make sure that the user knows when 2008 ends and when 2009 starts even when he is deeply immersed in his data analysis, put a vertical separator line between 2008 and 2009. Your data stays the same, just that with the separator you are doubly sure the user will know the transition from one year to another.
[Dig deeper: Learn how to add vertical separator lines to your chart]
Have you been using any of these tips already? Do you find them helpful? What else would you like to see on the blog? We would love to hear from you in the comments.
A well-designed dashboard helps users understand complex data quickly, monitor key performance indicators, and make…
Quick Answer: The best commercial chart libraries for Nuxt include FusionCharts, Highcharts, AnyChart, amCharts, ApexCharts,…
Quick Answer To integrate interactive Vue charts into a Vue 3 application, first create a…
If you're looking for the best Vue chart library for interactive data visualization, there isn't…
Modern web applications generate and display more data than ever. They create from business dashboards…
Businesses collect data from multiple sources every day, including sales platforms, marketing tools, customer support…
View Comments
Great, post. Could you please elaborate on how to display partial data and projections on the same chart. For instance if you are halfway through the year of lets say 2011 as we are now, how do you suggest showing the actual data and the projected data for 2011?
Thanks for checking in Danie. The projected data is best shown using a dashed border as I have discussed in the post. So for the initial 6 months where you have actual data, show that using the normal border and then the remaining 6 months where you are showing projections, show it with a dashed border (or a dashed line in case of a line chart). In case you want to be doubly sure, you can possibly add a vertical line saying "Projected values here onwards" but I don't really think that would be a necessity.