This article is brought to you by Datawrapper, a data visualization tool for creating charts, maps, and tables. Learn more.

All Blog Categories

Our new axis ticks make your charts easier to read

Portrait of Gregor Aisch
Gregor Aisch
Portrait of Lisa Charlotte Muth
Lisa Charlotte Muth

Grids and axes turn a blank page into a data space and provide the context we need to navigate it. We consider grids to be one of the most crucial features of a well-readable data visualization.

That’s why from the very beginning of Datawrapper, we’ve tried to provide the best grids and grid labels for our users. For example, we’ve avoided rotated grid labels for years now. They’re harder to read and take up more space than horizontal labels:

Left: Not awesome. Right: That’s how we like it.
Left: Not awesome. Right: That’s how we like it.

Now we’ve re-designed our grids from the ground up. The changes make date and time axis ticks better readable. (We’ve already rolled them out slowly over the last weeks – if you’re using Datawrapper a lot, you might have noticed them.)

Multi-line axis ticks

We now show date axis ticks with two layers (e.g., year and month, or month and day) in two lines instead of one.

Before: Years and months appeared on the same line, making it impossible to show e.g. “Jan 2021”.
Before: Years and months appeared on the same line, making it impossible to show e.g. “Jan 2021”.
NEW: The years move to an extra line.
NEW: The years move to an extra line.

Our old grids already supported multi-layer date formats like “April, 2, 3, 4”. But some of our users said they want to show the date for the first of the month, too. The problem was especially apparent when using weekly ticks, where the “April” label might not even be the first. We fixed this by moving the different layers into separate rows.

Before: Months and days appeared on the same line, making it impossible to show e.g. “March 1st”.
Before: Months and days appeared on the same line, making it impossible to show e.g. “March 1st”.
NEW: The months move to an extra line.
NEW: The months move to an extra line.

Unified behavior of grids

Up to now, each of our chart types had used its own date axis implementations, leading to subtle differences. Now, grids look and behave the same – no matter if in line charts, area charts, scatter plots, and column charts.

Truncated long tick labels

In our old grids, we were hiding overlapping tick labels on the x-axis. Now we’re trying to truncate them first.

Before: We hid axis ticks.
Before: We hid axis ticks.
<em>NEW: All tick lines are shown.</em>
NEW: All tick lines are shown.

If there are be too many axis ticks to even truncate them, we’re still hiding them. You can see that behavior in the following GIF.

Automatic tick format for line charts

Our line and area charts have used the full-years date format (“2015, 2016”) as the default since we launched them years ago. That means that our users had to change the format whenever their dataset wasn’t spanning several years. Now we introduced a new (automatic) number format that tries to find the best format fitting your dataset.

NEW: The&nbsp;<code>(automatic)</code>&nbsp;date format will often result in the best axis ticks. You can still always change the format, e.g., to&nbsp;<a rel="noreferrer noopener" href="https://academy.datawrapper.de/article/199-custom-date-formats-that-you-can-display-in-datawrapper" target="_blank">a custom format</a>.
NEW: The (automatic) date format will often result in the best axis ticks. You can still always change the format, e.g., to a custom format.

Other changes

Besides these big changes, we also fixed a bug that sometimes would hide duplicate tick labels, even if a month legitimately showed up twice (e.g. as May 2018 and May 2019). And we made it easier for us to design custom design themes for customers with a custom or enterprise plan.


These changes are subtle, but we think they’re essential. It’s one more example of how we put a lot of thought and energy into details, so you don’t need to care about them when visualizing your data. If you have any questions or feedback about this new feature, write to us at support@datawrapper.de. We’re looking forward to hearing from you!

Portrait of Gregor Aisch

Gregor Aisch (he/him, @gka@vis.social, LinkedIn) is a co-founder of Datawrapper and a member of the advisory board. He was responsible for the product design and development in the first years of Datawrapper and later served as CTO for five years. Gregor still enjoys making graphics and lives in Berlin.

Portrait of Lisa Charlotte Muth

Lisa Charlotte Muth (she/her, @lisacmuth, @lisacmuth@vis.social) is Datawrapper’s head of communications. She writes about best practices in data visualization and thinks of new ways to excite you about charts and maps. Lisa lives in Berlin.

Sign up to our newsletters to get notified about everything new on our blog.