PlotKit
PlotKit is a Javascript graph plotting library. It is aimed at web
applications that require plotting series of data in modern web
browsers.
PlotKit requires MochiKit. (1.3 or higher)
PlotKit supports both HTML Canvas and SVG, along with an
emulated canvas for Internet Explorer.
PlotKit is easily extensible to include other rendering engines,
styles and layouts. Please pursue the documentation for more
information.
PlotKit is licensed under the BSD License, so you can include it in
your free or commercial applications without worrying.
PlotKit Components
Base Classes
-
Base : Common functionality that is used in other classes,
including default styles.
-
Layout : The default chart layout engine, supports bar, line and
pie charts.
-
Renderer: Customising the look of the output
Renderer Specific Implementations
Utility Classes
-
EasyPlot: Simple Wrapper around classes to provide one-line plotting.
Getting Started
More Demos
Version History
PlotKit 0.8
PlotKit 0.9
-
Fixed some redraw issues with clear()
-
Replaced IECanvas.HTC with ExplorerCanvas
-
Added auto import and packed versions just like MochiKit.
-
Added horizontal bar chart rendering mode.
-
Added awareness of prototype.js and workaround Array/Object mutilation issues with MochiKit.
-
Added EasyPlot for single line plotting with Ajax support.
-
More tests, dynamic charting and quickstart demos.
PlotKit 0.9.1
-
Make Sweet{Canvas/SVG}Renderers respect shouldFill.
-
Fixed ignoring of maximum x and y values when setting xAxis/yAxis.
-
Fixed typo for calculating yrange in Layout.js (thanks to
HubrisSonic).
-
Changed SweetCanvasRenderer to use axisLineColor for drawing lines over
background (thanks to HubrisSonic).
-
Fixed bug in y-axis tick drawing (thanks to Cliff).
-
Fixed x-axis calculation bug when xAxisIsZero is false (thanks to
Loic Jeannin)
-
Fixed xTicks drawing that exceed the bounds of the chart (thanks to
Cliff)
-
Fixed barchart drawing with only 2 values (thanks to HubrisSonic)
-
Hide pie chart labels of 0% (thanks to Attiks)
-
Added optional field to addDatasetFromTable to include x-axis labels.
-
Updated excanvas.js version to fix possible printing issues.
Road Map
Version 0.9
-
AutoSelectRenderer, automatically choose Canvas or SVG by auto detecting browser support.
Version 0.10
-
Point plots
-
Defined Event System Support
-
Animation support.