Trying to color individual bulbs in a bubble chart / scatterplot

Chris's Avatar


29 Apr, 2018 08:22 PM

I'm trying to have the bubbles on a bubblechart chorispond to different values in my data, like so:

but I can't figure out how to get the different values into the individual bubbles. Whenever I change it it just changes all the bubbles.

  1. 1 Posted by Chris on 29 Apr, 2018 08:22 PM

    Chris's Avatar


    It's a graph correlating a cars horsepower to it's mpg.

  2. Support Staff 2 Posted by john on 30 Apr, 2018 04:45 AM

    john's Avatar

    Hi Chris,

    The easiest way to explain how to do a bubble chart is to make one for you, so that's what I did. Nodebox network, screenshot, and PDF attached.

    This chart plots 4 dimensions: miles per gallon on the X axis, displacement on the Y axis, horsepower for the bubble size, and cylinders for the bubble color.

    The name of each car is placed inside its bubble. In some cases the labels overlap, making them hard to read. The usual solution for this is to only show bubble labels on rollover. NodeBox can't do this directly, but with a little work it is possible to take an SVG output of a chart like this, wrap it in HTML, and add some CSS magic to create popup rollover labels.

    Please download the network and study it to see how it works. You can try fiddling with the colors, change dimensions, etc. But this chart is handmade, so you will have to edit bits and pieces to make it work with different dimensions or datasets. The graph paper, for example, does not automatically scale or adjust axis labels. With a little more work you could make a fairly automatic bubble chart that would automatically adapt to such changes.

    Good luck and please let me know if you found this helpful.



Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:


Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts


? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac


16 May, 2024 01:58 AM
14 May, 2024 01:29 AM
13 May, 2024 12:36 AM
12 May, 2024 07:46 PM
05 May, 2024 04:38 PM
03 May, 2024 06:50 AM