DailyJS

Grafico Charts

Alex R. Young

Subscribe

@dailyjs

Facebook

Google+

libraries graphics charts

Grafico Charts

Posted by Alex R. Young on .
Featured

libraries graphics charts

Grafico Charts

Posted by Alex R. Young on .

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.