See which jobs are most threatened by AI and who may be able to adapt

Mon, 16 Mar 2026 00:00:00 -0500

How counties are shifting in the 2024 presidential election

Tue, 05 Nov 2024 14:07:25 -0600

Grocery chains are bigger than ever. See who runs the stores near you.

Tue, 24 Sep 2024 14:02:33 -0600

avoid-overlap: Utilities for chart-makers to avoid text overlaps in their graphics

Mon, 10 Jul 2023 09:15:00 -0500

I’ve been working on a library to help chart-makers avoid text overlaps in their graphics, and it’s finally in a place worth sharing. Check it out on GitHub or in action at two of my recent graphics.

Labeling charts, maps and other graphics is more art than science, but there are some general rules we can follow to achieve good results programmatically. This library provides two label-avoidance techniques: nudge and choices.

Nudge

The nudge technique resolves overlaps by simply nudging labels away from each other until they no longer collide. You can limit the nudging to specific directions and distances. This technique works well if the thing you’re labeling is an area rather than a specific point.

The following images, from a Washington Post graphic, demonstrate the nudge technique. The labels were passed to avoid-overlap, specifying that nudging the labels either down or to the right would work.

Before	After

Choices

The choices technique resolves overlaps by trying a series of positions provided by the user until it finds a combination that works. This technique works well if some number of different positions might work, for example if you are using a leader line or arrow.

In the following example, the labels were passed to avoid-overlap with a list of functions that could draw the label and an arrow in different positions: to the top left, top middle, top right, bottom left, bottom middle and bottom right. The library tries these positions until it finds a combination that works.

Before	After

Visual testing

This was my first time using visual testing in a project. I set it up using Storybook and Chromatic, and honestly it worked quite nicely. So far the tests are fairly simple, but I’m hoping this pays off in the future as I refine the overlap avoidance techniques.

See avoid-overlap on GitHub.

See the websites that make AI like ChatGPT sound so smart

Fri, 21 Apr 2023 08:10:00 -0500

The housing market is cooling. What’s it like in your area?

Tue, 20 Sep 2022 00:00:00 -0500

How Big Tech got so big: Hundreds of acquisitions

Wed, 21 Apr 2021 10:00:00 -0500

The issues 2020 Democrats are running on, according to their social media

Mon, 24 Jun 2019 10:00:00 -0500

How Trump is shifting the most important courts in the country

Tue, 04 Sep 2018 17:37:02 -0500

First-time, liberal candidates are flooding the Democratic primaries

Wed, 11 Apr 2018 17:37:02 -0500

data-viz on Kevin Schaul