Archive for the ‘Charts’ Category

jsDraw2DX is a standalone JavaScript library for creating any type of interactive graphics with SVG (and VML for old IE browsers).

Besides the ability to generate all basic shapes like line, rectangle, polygon, circle, ellipse, arc, etc., the library can draw curves, beziers (any degree), function plots, images and decorated text.


The library is object-oriented and its coordinate system + scaling can all be configured.

As it uses SVG, interactivity can be easily accomplished by manipulating the DOM.

P.S. jsDraw2DX is built by the creators of jsDraw2D which draws any shapes using JavaScript.

  • Tags:
  • Filed under: Charts, Goodies, LGPL License
  • JustGage is a JavaScript-based solution for generating good-looking animated gauges.

    It is built on top of Raphaël library for vector drawing, uses SVG, and it can scale-in-size perfectly.

    JavaScript Gauges - JustGage

    The style of the gauges can be customized with colors (single or gradient), width-height and labels being on/off.

    Also, it is possible to set min/max values, animation type on initial load and more.

  • Tags:
  • Filed under: Charts, Goodies, MIT License
  • Gauge.js is a slick script for creating animated gauges with JavaScript (Coffeescript) in HTML5 canvas.

    The script is standalone (jQuery is supported but not required) and doesn't use any images or CSS.


    It has 2 built-in interfaces (both looks very nice) and responds very well to value changes by animating the gauge.

    There are options to set the animation speed, default/min/max values, colors and more.

    To sum up, Gauge.js is a very handy script to visualize regularly changing (live) data.

    Gantti is an open source PHP class for generating Gantt charts on-the-fly.

    The charts created are pure HTML5-CSS3 with no JavaScript involved. The output looks very nice by default but can be customized with ease (with SASS stylesheet).

    It simply works by defining an array of start/end dates and calling a single function. Also, charts are cross browser (IE7+).

    PHP Gantt Class

  • Tags:
  • Filed under: Charts, Goodies, MIT License
  • 1 Comment
  • NVD3.js is an open source charting library that is built on top of the impressive D3.js.

    The library follows the practices an style of "how D3.js was built" which makes it comfortable for D3.js fans.

    Charts generated are interactive and can be easily improved or customized.

    Although it is in the early stages of its development, there are already multiple chart types including line, bubble, area and several combinations of them.


  • Tags:
  • Filed under: Charts, Goodies, Other License
  • 1 Comment