Javascript Sparklines Library

November 12th, 2005

This is an unobtrusive implementation of Sparklines, done in Javascript using the new Canvas element. It has been confirmed to work in the new Firefox betas, at the very least. Until the Canvas element becomes more widely accepted, this is more of a 'fun demo' at best.

How To Use:

To use, place your data points within your HTML, like so:

(Note: Any HTML element with a class of 'sparkline' is checked)

Then, in your CSS, you might want to have the rule:

so that non-compatible browsers don't see a huge pile of numbers.

Finally, include the library in your header, like so:

Demo

An example of this code, in action, can be found here: Demo.

Download

The JSpark library: jspark.js

This work is licensed under a Creative Commons Attribution 2.5 License.