datylon-logo-nc
  • Product
    • Product Overview
    • Datylon Chart Library
    • Datylon for Illustrator
    • 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

Related blog posts

Creative Pro review of Datylon for Illustrator
Press & Reviews

How reviews from users make Datylon successful

Since the launch we’ve spent a lot of time talking to users. Priorities in our product roadmap are...

Read more
blog-gender-inequality-the-economist-remake-overview
DataViz Best Practices

G-E-N-D-E-R I-N-E-Q-U-A-L-I-T-Y, find out what it means to me

To recap: Sarah Leo, Visual Data Journalist at The Economist, wrote a great article on how even...

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
    • Chart Library
    • Datylon for Illustrator
    • 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. © 2020 Datylon BV.
    • Legal Terms
    • Privacy Policy
    Manage Cookies