Datylon
  • Solutions
    • Chart Design
    • Report Design
    • Automated Reporting
    • ESG Report Publishing
    • Embedded Reporting
    • Bespoke Dataviz Solutions
    • Datylon Foundry - Software Services
  • Products
    • Datylon for Illustrator
    • Datylon Report Studio
    • Datylon for PowerPoint
    • Datylon ChartRunner
    • Datylon Report Server
  • Pricing
  • Resources
    • Help Center
    • Inspiration
    • Chart Library
    • Blog
    • Customer Stories
    • FAQ
  • Contact us
Sign in
Explore free options
Blog> DataViz Best Practices

Other ways to present bar charts

Leenke De Donder - Data Visualization Designer
Leenke De Donder - Data Visualization Designer
July 23, 2019
SHARE

How to present bar charts

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 ones 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 for the eye to connect category labels to data labels. A similar technique called ‘zebra shading’ is also used in table design to let the user easily scan from left to right. A 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 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 labels to the 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 endpoints 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 the above charts can be downloaded soon on our Datylon Helpcenter. Stay tuned!

Leenke De Donder - Data Visualization Designer

Leenke De Donder - Data Visualization Designer

Data Visualization Designer. She loves negronis and sees them as the perfect visualization of a well-balanced part to whole relationship.

Related blog posts

The featured image reads
Dataviz Resources

To click or not to click: static vs. interactive charts

So, you've decided that your presentation, article, or thesis needs some data visualization. And...

Read more
The best data visualization tools - charts & graphs, infographics & presentations, dashboards & automated reporting tools
Dataviz Resources

The best data visualization tools (2024)

What do you need data visualization tools for? Whether you’re a data scientist, data visualization...

Read more

Subscribe to our newsletter

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

Newsletter
Company
  • About us
  • Jobs
  • Contact us
  • Data security
  • Datylon reviews
Solutions
  • Embedded Reporting
  • Automated Reporting
  • Chart Design
  • Report Design
  • ESG Reporting
  • Bespoke Solutions
  • Development Services
Product
  • Datylon Report Studio
  • Datylon Report Server
  • Datylon for Illustrator
  • Datylon ChartRunner
  • Datylon for PowerPoint
  • Datylon Enterprise
  • Pricing
  • Free trial
  • Release notes
Resources
  • Chart library
  • Inspiration
  • Blog
  • Customer stories
  • FAQ
  • Help center
  • Video tutorials
Create
  • Area chart
  • Bar chart
  • Bubble chart
  • Bullet chart
  • Density plot
  • Dot plot
  • Heatmap
  • Histogram
  • Icon array
  • Icon chart
  • Line chart
  • Pie chart
  • Range plot
  • Scatter plot
  • Stream graph
  • Treemap
Learn
  • Tips for report design
  • Do you speak data?
  • Do you speak dataviz?
  • Effective dataviz guide
  • 80 types of charts
  • 9 types of dataviz
  • Best dataviz tools
  • Charts for colorblind
  • Accessible charts
  • Break the rules
  • Dataviz in Illustrator
  • Datylon vs. Illustrator
  • Static or interactive?
  • Outside the box charts
  • Mind your dataviz
  • Data storytelling

All rights reserved. © 2025 Datylon BV

  • Legal Terms
  • Privacy Policy

Manage Cookies