HTML5 & JavaScript Bubble Charts

Bubble Chart allows you to visualize data in 3 dimensions. It is very much similar to Scatter Charts except that size of bubble represents another parameter. Out of the three parameters required (x, y, z) to be present in a data point, x & y determine the bubble's position on X & Y Axis & z determines its size. One major difference in bubble from other charts is that size of the bubble is not linearly proportional to the z value. z is instead linearly proportional to the area of bubble. Below are some of the examples of HTML5 Bubble Charts. As with all the other axis based charts, Zooming and Panning is supported here too. Examples include source code for all the graphs.

Click on any example below to see live demo