Graphs and charts are the best way to display information at hand to the user and make it easy to read and understand. These visual structures allow you to easily simplify complex data and output easier to understand content.
The Google Chart Tools enable adding live charts to any web page. It has A rich gallery of visualizations provided as
- Image charts – using a simple URL request to a Google chart server
Google Chart can read live data from a variety of data sources, simple to use and free.
gRaphaël’s goal is to help you create stunning charts on your website. It is based on Raphaël graphics library. gRaphaël currently supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+.
RGraph is a HTML5 canvas graph library. It uses features that became available in HTML5 (specifically, the CANVAS tag) to produce a wide variety of graph types: bar chart, bi-polar chart (also known as an age frequency chart), donut chart, funnel chart, gantt chart, horizontal bar chart, LED display, line graph, meter, odometer, pie chart, progress bar, rose chart, scatter graph and traditional radar chart.
- Numerous chart style options.
- Date axes with customizable formatting.
- Up to 9 Y axes.
- Rotated axis text.
- Automatic trend line computation.
- Tooltips and data point highlighting.
- Sensible defaults for ease of use.
canvas in Internet Explorer. Both these scripts are supplied with the Bluff download. Bluff itself is around 11kB gzipped.
TufteGraph is a JS library by which you can easily create graphs. All the configuration is by dynamic functions, allowing for a really compact API. Also, Non-core layout is done via CSS rather than code. You can customize the style of graph by editing it’s CSS.
MilkChart is a simple to use, Graphing library for MooTools. This library will generate a graph similar to Microsoft Excel. To transform a table of data into a chart, simply create a MilkChart object of the chart type you wish passing in the table id and an object containing options for the chart.MilkChart allows you to easily create charts in different templates like Column Chart, Bar Chart, Line Chart, Scatter Chart, or Pie Chart.
Scruffy is a Ruby library for generating attractive and powerful graphs, useful for web applications, print media and many others. It’s highly customizable and powerful. You can change the backgrounds, mix different types of graph together, change the graphics used for the points, change the line types, etc. You can also render to different types of output.
Smoothie Charts is a really small charting library designed for live streaming data such as real time streaming data pushed over a WebSocket. It only works on Chrome and Safari. It doesn’t support legends Or pie-charts. In fact, it’s inferior in virtually every way to a library like Flot. But, it’s very good at displaying streaming data.
Gruff Graph is a project to make beautiful graphs with Ruby. It Can be used alone or with Ruby on Rails. This library allow us to graph negative numbers (line and bar), specify colors, and customize the graphs in other ways.
mooBarGraph is AJAX graph plugin for MooTools which support two types of graphs, simple bar and stacked bar graph. This plugin made graph from your JSON data and is compatible with all major browsers including IE6.
jqBarGraph is jQuery plugin that gives you freedom to easily display your data as graphs. There are three types of graphs: simple, multi and stacked. All you have to do is to pass your data to this plugin. This plugin is compatible and fully tested with Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+.
moochart is a plugin for MooTools 1.2 to create goog looking and customable bubble diagrams on the canvas tag. The moochart can be customized using a bunch of options or argument such as, width, height, bubbleSize, line color , bubble color, tooltips and more.
Canvas 3D Graph is a special type of bar graph that plot numbers in 3D. This first started as PHP-GD project, but soon the creator realized that there is not much sense in generating complex graph like this on server side (script worked really fast, though)
ProtoChart is an opensource library using Prototype and Canvas to create good looking charts. This library is highly motivated by Flot, Flotr and PlotKit libraries.
Processing.js is the sister project of the popular Processing visual programming language, designed for the web. Processing.js makes your data visualizations, digital art, interactive animations, educational graphs, video games, etc. work using web standards and without any plug-ins. You write code using the Processing language, include it in your web page, and Processing.js does the rest. It’s not magic, but almost.