DailyJS

Grafico Charts

2010-02-08 00:00:00 +0000 by Alex R. Young

Grafico is a charting library that provides line, area, stacked and bar graphs,
as well as various types of sparklines.

Grafico also includes features like pop-up hovers. All of the features
are covered in the
documentation.

The API looks like this:

var graph = new Grafico.GraphType($(element), data, options);

So drawing a line graph is easy:

var linegraph = new Grafico.LineGraph($('linegraph'), { workload: [8, 10, 6, 12, 7, 6, 9] });

Grafico is actually based on a library called Ico that I made. Ico has
some history behind it: I attempted to replicate the advice in Stephen
Few's
books

to create a library that intuitively produces usable and clean graphs.
I'm still working on Ico -- I've been benchmarking it to improve speed
and remove the Prototype dependency.