Datylon
  • Product
    • Product Overview
    • Datylon Chart Library
    • Datylon for Illustrator
    • Datylon Server
    • Datylon Enterprise
  • Inspiration
  • Pricing
  • Projects
  • Resources
    • Customer Stories
    • Blog
    • FAQ
    • Help Center
  • About us
    • Why Datylon
    • Jobs
Sign in
Get Started
DataViz Best Practices

Another 4 ways to present bar charts

Leenke De Donder - Data Visualization Designer
Leenke De Donder - Data Visualization Designer
Jul 23, 2019 8:00:00 AM
SHARE

We all love reading Andy’s blog posts here at Datylon. In the latest one, we even felt a bit personally addressed. In ‘Five ways to… present bar charts’ - the first post in a series on his outlook on contextual, editorial, analytical, or design challenges - Andy dives into the subtleties of design choices and the impact small adjustments can have on the effectiveness of data communication.

Chart creators do lean on default tool styles a lot. Though they are not the only one to blame for this. Often, additional styling options don’t offer good alternatives that make the visual communication of data better, they just provide some bells and whistles.

That’s why it’s the main goal of Datylon for Illustrator to take into account everything that is - as Andy puts it - ‘contextually dependent’ and to provide a super flexible solution. We aim at developing a tool that focuses on subtle design choices but also provides an abundant selection of properties that can make your chart completely match your visual identity. Hour-long meetings on what label placement options a particular chart should have are no exception in our office.

To test the current version of our tool, we copied Andy’s charts in Datylon for Illustrator and made some extra suggestions that take into account the range of the data, the size of the category labels, the number of bars and the importance of precise readability. We’ve also added a bit more styling - staying away from bells and whistles but uplifting the attractiveness and effectiveness of the chart.

 

Andy’s charts remade with Datylon for Illustrator:

 

Andy's bar charts remade with Datylon for Illustrator

 

Our additional suggestions:

Datylon's first suggestion for presenting a bar chart

Iterating between two colors can make it easier on the eye to connect category label to data label. A similar technique called ‘zebra shading’ is also used in table design to let the user easily scan from left to right. Drawback of this design choice is that it can wrongly suggest that we’re dealing with different categories.

 

Datylon's second suggestion for presenting a bar chart

 

Subtle drop shadows make it possible to use sequential color palettes with lighter colors that otherwise would disappear in the background color. Placing category and data labels side by side at the start of the bars puts the emphasis on the specific values.

 

Datylon's third suggestion for presenting a bar chart

 

Adding connectors to category labels lets you left-align the labels, which is better for readability, whilst still linking label to bar. A gradient that ends in a brighter color suggests direction and makes you focus on the end of the bars. This technique lets you focus more on comparing the position of the end points instead of comparing the area sizes.

 

Datylon's fourth suggestion for presenting a bar chart

 

Placing labels above bars is especially useful when dealing with long category labels. By adding horizontal gridlines, you enhance the grouping of elements that go together.

We hope this inspires you to come up with even more ways to present bar charts. The native Adobe Illustrator files of above charts can be downloaded soon on our Datylon Helpcenter. Stay tuned!

 

Leenke De Donder - Data Visualization Designer

Leenke De Donder is our Data Visualization Designer. She loves negroni’s and sees them as the perfect visualization of a well balanced part to whole relationship.

Related blog posts

blog-bar-charts-101-overview-r44
DataViz Best Practices

Bar Charts 101. Tips and suggestions for your next bar chart.

Simple on the surface, the faithful bar chart is often one of the first introductions we get to...

Read more
pie-chart-overview-image-536x281
DataViz Best Practices

A deep dive into... pie charts

I have often said that pie charts are the Comic Sans of data communication, but over the last few...

Read more

Subscribe to our newsletter

Receive inspiration, practical advice, customer stories and news right in your mailbox.

Newsletter
    Company
    • About us
    • Projects
    • Jobs
    • Contact us
    Product
    • Product Overview
    • Datylon Chart Library
    • Datylon for Illustrator
    • Datylon Server
    • Datylon Enterprise
    • Pricing
    Resources
    • Inspiration
    • Customer Stories
    • Blogs
    • FAQ
    • Help Center

     

    info@datylon.com

    Datylon BV
    Lange Gasthuisstraat 29
    2000 Antwerp - Belgium


    All rights reserved. © 2021 Datylon BV
    • Legal Terms
    • Privacy Policy
    Manage Cookies