Packed Bubble Chart - Putting Lots Of Values Into A Small Space

Thanks to Mike Bostock and his remarkable D3 library for the heavy lifting here. All I've added is the ability for a user to enter and edit the data to make it easy for people to make their own visualisations for their own use.

Mathematicians may argue that using circles to represent data is poor, for various reasons (e.g. is it the area or the height; that humans can't easily measure things by area etc.), but they are missing a couple of things:

  • That some things look like circles, so it works well (e.g. the planets below), and
  • That it can look cool. One is not always looking for forensics; sometimes we just want to show something broadly informative and beautiful. That's not always a bar chart from Excel

Enter your data in the form below and you can watch the visualisation building as you enter your data. First of all, clear the sample data by clicking the “Clear all data” button at the bottom of the Chart Data section.

Edit Chart Data



Name Value Edit
Mercury 1134
Venus 7088
Earth 7853
Mars 2206
Jupiter 983415
Saturn 693957
Uranus 125660
Neptune 113408