9 JavaScript and CSS-based WEB charting frameworks

Comsharp CMS wrote: JQuery, MooTools, Prototype and other excellent JavaScript frameworks have a variety of powerful features, including drawing web diagrams, using these frameworks and corresponding plugins, we can easily implement graphs, pie charts, The drawing of Web diagrams, such as histograms, without the use of complex flash technologies as ever. This article introduces 9 excellent WEB charting frameworks based on JavaScript and CSS.

1. Flot

Flot is a pure jQuery JavaScript drawing library that can generate graphics instantly on the client, and is simple to use, enabling interactive functions such as zooming in and out and mouse tracking. The plugin supports IE6/7/8, Firefox 2.x+, Safari 3.0+, Opera 9.5+ and Konqueror 4.x+. Using the first Canvas object introduced by Safari, all major browsers currently support this object, in addition to IE, using JavaScript in IE for simulation. Here are some examples.

2. JS Charts

JS Charts is a free JavaScript-based chart generator that is very simple to draw, requires little coding, and does not require plugins and server modules to cache data using XML or JavaScript arrays.

3. Tabletochart

Tabletochart is a MooTools script that plots the data stored in an HTML Table object into a chart. You can use table tags to generate charts, histograms, graphs, pie charts, and more.

4. Plotkit

Plotkit is a JavaScript drawing library that supports HTML Canvas tags and also supports SVG.

5. Yahoo UI Charts Control

YUI Charts Control can convert tabular data to charts on a Web page, support histograms, graphs, and pie charts. Supports DataSource tools, configurable axes, mouse hover tips, chart combinations, and skin functions.

6. Protochart

Protochart is an open source library based on Prototype and Canvas tags, this library is inspired by Flot, FLOTR, Plotkit, support graphs, histograms, pie charts, etc., and can display multiple sets of data on the same chart. Supports customizable legends, grids, borders, and background plots. Support IE6/7, Firefox 2/3 and Safari, even support IPhone.

7. Ejschart

Ejschart supports mouse tracking, mouse events, key tracking and events, zooming, scrolling, interactive and other functions, to increase the user experience to a new height. Support for graphs, area charts, scatter plots, pie charts, histogram, and other forms, with complete documentation of properties and methods can help to achieve good customization.

8. fgcharting

fgcharting is a great jQuery plugin that supports a variety of graphics.

9. Pure Css Data Chart

Past data shows are often implemented by flash, and now we can implement similar functions through purely CSS. Cssglobe has a very useful tutorial to help you implement CSS-based drawings, even without JavaScript.

9 JavaScript and CSS-based WEB charting frameworks