04.04.2025 version 0.1 now available! get it. 04.09.2025 version 0.2 beta now available! try it. Now with hot and cold wheels (based on value of each connection — see examples)!

The purpose of this script is to provide a unique and elegant way to visualize data using Javascript and the <canvas> object. This type of visualization can be used to display connections between many different objects, be them people, places, things, or otherwise. The script is licensed under an MIT-style license.

This script requires three libraries to support it. Two of them, CanvasText (for text support with canvas elements) and ExCanvas (for IE canvas support) are included. MooTools, the third library, is not included. You can download that at MooTools.net. MooWheel requires the following to be available in the MooTools library: Class, Class.Extras, Element, Element.Event, Element.Dimensions, and Json.Remote.
MooWheel only requires 2 arguments to create a basic wheel graph. The data array and the canvas element:
new MooWheel(dataArray, canvasElement);
The canvas element can be passed as either an element reference or a