Packed Bubble Chart

Circle size represents data like with a bubble chart, but there is typically no x-y axis. Instead position often represents grouping or is used to maximize space.

Tutorials and Guides

Examples

Cycle of Many, a 24-hour snapshot for a day in the life of Americans

This is a 24-hour snapshot for a day in the life of Americans.

How vaccines can make a difference with the Delta variant

We see percentages for the vaccinated and unvaccinated, and people can easily misinterpret…

Visualizing GitHub repos

Most people are familiar with the file-and-folder view. Sort alphabetically, date, or file…

Counting Happiness and Where it Comes From

Researchers asked 10,000 participants to list ten things that recently made them happy. I counted and connected the dots.

Olympic medal tracker

The Bloomberg medal tracker is fun to look at. I think the graphics…

See if you live in a political bubble

Gus Wezerek, Ryan D. Enos, and Jacob Brown for NYT Opinion use neighborhood-level…

Defining “essential worker” to distribute vaccine

Matthew Conlen, in an article by Abby Goodnough and Jan Hoffman for NYT,…

School diversity visualized with moving bubbles

The Washington Post visualized 13,000 school districts to show the change in diversity…

Brexit voting divisions

The Economist charted the divisions within political parties using Brexit votes as proxy.…

Products with tariffs in the trade war

The trade war started in January of this year when the administration imposed…

Floaty bubble charts with d3.js

D3.js, or Data-Driven Documents, version 4.0 was released a few months ago, so…

Words used at the National Conventions

The elections season is in full swing, and the New York Times graphics…