h5chart

h5chart

h5chart is a javascript library with a set of components that are useful to
create and compose graphics and data charts.

It uses the HTML Canvas Element to draw on it.
You can draw many charts per canvas, so , you can compose rich charts.

The library is divided in four parts.

• Core: chart definition
• Objects: individual objects functions (shape, circle, line, etc).
• Graphics: general purpose functions
• Individual charts (one file per chart)

To draw a chart you need,

1) Include in your page

h5-common-graph.js
h5-common-object.js
h5-chart-core.js

Because of the functions dependences, the order is important.

2) Include individual chart file

h5-chart-led.js
h5-chart-digital.js
h5-chart-radialmeter.js
h5-chart-meter.js
h5-chart-circular.js
h5-chart-signal.js
h5-chart-vumeter.js
h5-chart-thermometer.js
h5-chart-multiserie.js
h5-chart-references.js

3) Put the chart code and draw.

For more information and samples see wiki pages