You can pass number of options to the initialize function to set a custom behavior and look for the plugin.

Combining D3′s immense capabilities of managing live data, and Backbone’s ease of development, Graphene provides a solution capable of displaying thousands upon thousands of datapoints in your dashboard, as well as presenting a very hackable project to build on and customize.

It generates colors based on HSL, takes the next color on the wheel serially, and keeping a good distance for a good contrast.

gRaphael Javascript Library supports:

• pie chart
• bar chart
• line chart
• dot chart

gRaphaël is cross browser compatible and currently supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ & Internet Explorer 6.0+.

Do check the interesting free vector icon set built with Raphael.

This web application is designed to create online charts in a quick, simple and easy way. ChartGo supports 2D Charts and 3D Charts.

Create Free online charts and customize these charts to fit your needs by modifying the chart’s data and settings like chart type, orientation etc…

ChartGo supports following chart types:

• Pie Chart
• Bar Chart
• Line Chart
• Area Chart

Website: http://www.chartgo.com/

Demo: http://www.chartgo.com/chartsample.jsp

Flot

Flot is a data-plotting library developed by IOLA built on top of jQuery. It’s easy to use, yet feature-packed and elegant. It has a mouse-controlled zooming feature (click and drag over the target area) and some simple user interactivity features such the ability to determine the x and y coordinates of mouse clicks.

Demo: Different graph types

Flotr Javascript Plotting Library

Flotr, written by Bas Wenneker of Solutoire.com, is a plotting solution inspired by Flot that uses the Prototype JS library and excanvas.js. It supports most modern browsers including Internet Explorer 6, and has many features of Flot including mouse tracking, selection, mouse-tracking features.

Demo: Basic Legend Example

fgCharting Plugin for jQuery

fgCharting jQuery plugin is an accessible solution for charting data. It takes data in an HTML table and dynamically transforms the table into charts, allowing non-traditional browsers (i.e. – screen readers) access to the HTML table. Basic usage involves one line of code to initialize the plugin.

Demo: Chart types page

PlotKit

PlotKit is a charts and graphs plotting solution written on top of Mochikit. PlotKit a complete rewrite of a project called CanvasGraph.js, improving on code structure and adding support for SVG format. The developers of PlotKit provides you with a PlotKit Quick Start guide to get you up and running in no time.

Demo: SVG Renderer Tests

JavaScript Diagram Builder

The JavaScript Diagram Builder supports several types of chart and graph types including bars, dots, lines, and pie charts. The developer has provided a Browser Support tool to help you check if particular objects/methods of the library are supported by your current browser.

Demo: The Bar object

Emprise JavaScript Charts

Emprise JavaScript Charts offers a free Personal License for their feature-packed charting/graphing script. Check out their feature comparison table of the different types of licenses to see which license is right for you.

Demo: Area Chart Example

Dynamic Drive Pie Graph script

DynamicDrive offers a DHTML/CSS based solution for graphing pie charts. The implementation is straightforward, just include two scripts provided (wz_jsgraphics.js and pie.js), define the values of each segment of your pie chart either inline or in an external JS file, and you’re set!

Dynamic Drive Line Graph script

The Line Graph script is another DHTML solution from DynamicDrive that allows you display line graph data. The procedure for implementation is similar to the Pie Graph script.

Canvas 3D Graph

If you need to graph 3-dimensional data, Canvas 3D Graph is worth checking out. Canvas 3D Graph is written with excanvas.js to support Internet Explorer.

The Dojo Charting Engine

The Dojo Charting Engine is a solution written on top of the Dojo Toolkit JavaScript library. It is a feature-rich solution that includes trend methods for analyzing data on-the-fly, 3D visual bars, and animated hover-over effects. Note that the example test page linked on the project page doesn’t work, here’s the working example page link.

Demo: Cylinder chart

Related Posts:

8 CSS Techniques for Charting Data

pChart – a PHP Class To Build Charts

Free Flash Charts From FusionCharts

Focus has been put on rendering quality introducing an aliasing algorithm to draw eye candy graphics. In fact, quality is slowing down the renderer engine… this is one of our way of improvment!