Archive for the ‘Charts’ Category

D3 is a lightweight and free JavaScript library for manipulating HTML documents based on data.

It can help us visualizing the data as HTML or SVG quickly, handle interactivity, and incorporate smooth transitions + staged animations into web pages.

The library can be used as a visualization framework (like Protovis) or as a framework to build pages (like jQuery).


D3 is not the traditional visualization framework that comes with it limits and ready-to-use templates. Rather, it solves only the crux of the problem: efficient manipulation of documents based on data which ends up in a serious flexibility.

AwesomeChartJS is an open source JavaScript library for creating charts using the HTML5 <canvas> tag.

The library is standalone (doesn't require any JS frameworks) and works very straightforward with an easy-to-use function.


It supports multiple chart types:

  • vertical and horizontal bar charts
  • pareto bar charts
  • pie charts (whole or part)
  • exploded pie charts
  • ring/doughnut charts

It focuses on simplicity and doesn't offer too much for customization other than the title, chart type and labels. Yet, simplicity is sometimes all we ask for.

Arbor.js is a graph visualization library built with web workers and jQuery.

It provides an efficient, force-directed layout algorithm, abstractions for graph organization and screen refresh handling.


The library doesn't force a specific method for screen-drawing and you can use it with canvas, SVG, or even positioned HTML elements; the best one that fits your project.

Arbor.js simply helps you focus on the graph data and its style rather than spending time on the physics math that makes the layouts possible.

It also comes with a well-documented API and creative demos.

SVGGraph is an object-oriented PHP library for creating simple and interactive charts with SVG.

There are multiple chart types supported like (3D) bar, line, (3D) pie and scatter where every chart has its own PHP class in a seperate file. So, you can use only the features you need.

SVG Graph

Charts can be customized in many ways including the title, description, paddings, colors, labels and much more.

Every new release has only support for PHP5 but a pretty old, PHP4 compatible version is still offered.

  • Tags:
  • Filed under: Charts, Goodies, LGPL License
  • 1 Comment
  • canvasXpress is a free JavaScript graphing library based on the <canvas> tag of HTML5.

    It supports multiple graph types including bar, line, dotplots, area, stacked, heatmaps, pie charts and more.


    The outputs are interactive as hovering over the items can display values.

    And, it is possible to customize every aspect of them including colors, text, hiding/showing elements, etc.

    canvasXpress works in all major browsers including IE6.