Some time ago I was looking for a charting framework for Prototype and I couldn’t find it, just because there’s none. So that’s where it all started. I came across PlotKit, a well written piece of javascript that enables developers to use Canvas or SVG elements for rendering bar, line and pie charts. The only thing was that PlotKit needed the Mochikit library to work. So I took some parts of PlotKit and wrote some parts myself. The result is a lightweight charting framework (12kb!) named Plotr. It’s released under the BSD license.

Plotr screenshots

Plotr v0.2.0


  • Plotr © 2007 Bas Wenneker. Licensed under the BSD License.
  • PlotKit © 2006-2007 Alastair Tse. Licensed under the BSD License.
  • ExplorerCanvas is distributed under the terms of the Apache License V2.0.

Browser support

Plotr makes use of HTML Canvas. Canvas elements are supported by:

  • Firefox 1.5+
  • Safari 2.0+
  • Opera 9.0+
  • IE6+ (emulated)

Canvas HTML is emulated by ExplorerCanvas, a javascript that let’s you handle VML the same way as HTML Canvas.

I’m testing Plotr with the following browsers: Safari 2.0.4, Opera 9.10, Firefox, IE6 and IE7. If anyone can see the graph below using a browser different from the browser I’m testing with please let me know.




Getting started


Yay, this seems to be quite easy! But wait, there are more than 30 options you can adjust to your likings. As I already stated more documentation is coming. Documentation is here! Till then make sure you check out the examples that come with the Plotr zip package. Oh and btw, every function in Plotr is documented through the use ScriptDoc. So you can also browse the SVN repository to learn about it’s features.

Bugs, enhancements etc.

There is a sweet issue tracker at the Plotr Project site (hosted by Google Project hosting). There you can submit bugs and you can ask for extra functionality.