View the project on Google Code 06.30.2008 version 0.1 now available! get it.

The purpose of this script is to bring circle packing to Javascript, as opposed to Flash or Java. While this implementation is less efficient than the aforementioned technologies, it produces a nice data visualization and is quick and simple for anyone to set up. The script is licensed under an MIT-style license.

This script requires two libraries to support it. ExCanvas (for IE canvas support), and MooTools 1.2; both are included in the package.
There are two components to creating an interactive circle packing visualization. The first component is the Circle class. The Circle class is the building block of the visualization; each instance created represents a circle on the canvas. The class takes up to five arguments: 
new Circle(x, y, radius, color[, image])
The x and y arguments specify the circle's starting position on the canvas. This can generally be random (within the boundaries of the canvas), as the circle will move around anyway. The radius is the circle's radius in pixels. Color should be a string in the format rgba(r, g, b, alpha). Alpha can be any decimal between 0 and 1, while R, G, and B are between 0 and 255. Image, the final argument, is optional. This argument allows you to superimpose an image