14 gorgeous JavaScript charting resources and plugins

I've recently shared a lot of css/jquery useful resources, and here I'll show you some JavaScript resources and plugins for building gorgeous charts, which are the most effective way to showcase your data.

There are a number of different ways to build a chart, such as Falsh, JavaScript, CSS, or some service-side language PHP, ASP, and so on, the following diagrams are implemented by JavaScript.

1. Creating accessible charts using canvas and JQuery

This article teaches you how to use Fgcharting (a jquery plugin) to convert HTML tables into a pop-up icon, graph, which supports many types of icons, such as linear, linear fill, line overlay, stacked fill lines, pie charts, bar charts, stacked pie charts, and so on.

2. Emprise JavaScript Charts

JavaScript charts supports many features and has very well developed documentation that was only available to individual users for free.

3. Flot

Flot is a purely jquery-based, pure JavaScript library. It focuses on providing some simple applications (all options are optional)), compelling effects and some features such as zooming pictures, mouse tracking.

4. Canvas Pie Chart with ToolTips

This Mootools pie chart class was based on Stoyan Stefanov's Canvas pie.the code now requires less HTML markup than the Ori Ginal.

5. JQuery Google Charts

6. JQuery Sparklines

jquery plugin that provides data directly from HTML or JavaScript to build small charts.

7. Moochart

Moochart based on MooTools 1.2, draws a circular chart on the canvas label, and future versions will introduce pie charts, bars and graphs.

8. JS Charts

JS Charts is a free JavaScript-based lightweight plug-in, using JS Charts to draw a chart is very easy because you only need to care about the client's script.

9. Protochart

Protochart is an open source plugin based on Prototype and canvas.

Raphaël-javascript Library

Raphaël is a lightweight JavaScript library that simplifies your web work with two-dimensional graphics that you can use to easily create your own unique chart or chart effects.

Plotkit.

Plotkit is a graph and graph drawing JavaScript library that supports HTML Canvas and SVG through the Adobe SVG Viewer and browser.

FLOTR Javascript Plotting Library

FLOTR is a Prototype-based JavaScript drawing framework. FLOTR allows you to draw compelling charts with some very simple syntax.

Yahoo! UI library:charts

The YUI Charts can control the visualization of table column data in a number of formats, including vertical lists, parallel bars charts, linear, and pie charts.

Tuftegraph.

Tuftegraph is a beautiful l jquery chart plugin.

14 gorgeous JavaScript charting resources and plugins