Some wise man once said that a picture is worth a thousand words. It is very accurate, as data visualization makes it easier to absorb large amounts of information quickly. However, words play a crucial role too. How often do you encounter a data visualization without any text on it?

This article talks about five text elements and how they enhance the meaning of any data visualization. The text elements that we are going to discuss are:

  1. Chart caption
  2. Date labels
  3. Data legends
  4. Tooltips
  5. Labeled icons

Use the Chart Caption to Summarize

Chart captions are like an introduction to the contents of your chart. They should effectively summarize the key ideas in your chart well. However, verbosity is a strict no-no when it comes to writing compelling chart captions. Avoid unnecessary articles and adjectives. Keep it short, concise, and crisp. Also, do not forget to mention the units of measurement in your caption or sub-caption.

avoid adjectives in chart caption

While writing chart captions, it is best to avoid unnecessary adjectives. Let the user figure out if the revenue is ‘amazing’ or not.

avoid adjectives in chart caption

Related read:  In this article, we share five tips for writing great chart captions.

If the Data Labels Are Too Long, Slant Them to Aid Readability

Data Labels describe the value associated with the specific point on the chart axes. We often do not pay too much attention to our data labels, but they can help take our story forward if adequately used.

Rotated labels are difficult to read

Rotated labels are difficult to read.

slanted labels are easier to read than rotated labels

If your data labels are too long, consider slanting them. 

A slanted label is easier to read than broken labels or rotated ones.

Related read: In this article, we share 5 Quick Fixes to Ugly X-axis Labels.

Order of Data Legends Should Match Order of Data Plot

Legends are keys to understanding the chart. It contains a list of the variables appearing in the chart and an example of how they look. Legends should ideally be placed outside the chart plot area so that they do not clutter the space.

Order of Legend should match order of data plot

Legends should be arranged as per the order of appearance of the data plot (Eg: if ‘Search’ data is plotted first, the corresponding legend comes first).

It eases the process of interpretation for the user.

Interactive legend

 Mention the functionality of the interactive legend clearly in the sub-caption.

If you use interactive legends (e.g., users can click on the icon for a data series to hide it and focus on the other series), make sure you mention this clearly in the sub-caption. Your user may overlook this feature if you do not specify it. [See our Interactive Legends in action.]

Use Tooltip to Pack in Additional Information

Sometimes you may need to pack in more information for a specific data plot. Adding all the information to your chart labels will make your chart look cluttered.

Without tooltip

Instead, you can use the tooltips.

tooltip

They will reveal the additional information only by hovering over the specific data plot and will keep your chart clutter-free.

Use Labeled Icons for Navigation

This text element comes into play primarily when an information dashboard displays your data, and the user can navigate between multiple pages. Designers prefer to use icons for navigation. It serves several purposes and creates an element of visual interest, transcends language barriers, and suggests the functionality or contents of the specific page.

Icons for navigation

However, it is best to use labeled icons for navigation ―a small icon followed by a 1-2 word description. This ensures that your new users are not left guessing the meaning of those icons/symbols.

[Looking for inspiration for your information dashboard? Check out our demos.]

As Enrico Bertini, Assistant Professor at NYU, points out in his article, ‘Text makes visualization alive. It gives meaning to what you see.’ Using these five text elements more effectively makes your data visualization more meaningful and easier for users to derive insights.

 Do you think texts are essential in data visualization? How do you use them to enhance your data viz? Share your thoughts in the comment section below.

Take your data visualization to a whole new level

From column to donut and radar to gantt, FusionCharts provides with over 100+ interactive charts & 2,000+ data-driven maps to make your dashboards and reports more insightful

Explore FusionCharts

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

2 responses on “How to Effectively Use Text in a Data Visualization

  1. Try this simple trick:

    Switch the x&y axis when you need to visualize text data so that the text appears on the left axis. Here is a before and after of the same chart.

    http://media1.dundas.com/downloads/comments/charts.html

    You’ll see it’s instantly more readable because we don’t have to try to fit large labels under each bar in the chart. Apologies for the random data by the way.

    Hope this helps too.

    jeff

Your next great dashboard starts here

With our interactive and responsive charts, extensive documentation, consistent API, and cross-browser support - delight your customers with kick-ass dashboards

Explore FUSIONCHARTS