This article recommends 10 powerful JavaScript plug-ins for charting graphics. Some of these plug-ins require the support of mainstream browsers, while others are integrated to work on different platforms and older browsers. Some tools are independent frameworks, most support conventional functions: bar, line, pie, and some can also generate more complex charts: Association graph, Venn, Hot zone map, Newick tree, two-dimensional scatter, two-dimensional bubble, three-dimensional scatter plot.
1. Humble Finance
This is a very useful HTML5 data visualization tool, similar to the Flash tool. Based on JavaScript, the prototype and FLOTR libraries can be used to display two sets of real time two-dimensional data.
URL: Www.humblesoftware.com/finance/index
2. D3
D3 is one of the most popular visual libraries, which can bind arbitrary data to the DOM (Document Object model), and then provide data-driven conversions to the file. You can also generate a basic HTML table for a set of data, or an SVG bar graph.
URL: mbostock.github.com/d3/
3. Rickshaw
Rickshaw can create interactive time series diagrams. It relies on a D3 visual library and requires extensions such as jquery and jquery UI to assist in implementation.
URL: shutterstock.github.com/rickshaw/
4. Jqplot
This is a drawing tab plug-in based on jquery (the most popular JavaScript library). Jqplot can generate linear, bar, and pie charts.
5. RGraph
This is the HTML5 JS Chart Library, with more than 20 types of charts. With the latest HTML5 canvas tag, this tool generates JavaScript charts in a Web browser, which means faster page loads and fewer Web server loads.
6. digraphs
Open Source JS Library, can generate interactive, scalable time series charts. A dense set of data can be displayed, and the data can be analyzed and explained by the user.
7. canvasxpress
A library based on the HTML5 tag that supports a large number of extremely complex graphs and graphs.
8. Graphael
This tool creates beautiful charts on the Web, based on the Raphael Graphics library, to view the demo of static and interactive charts.
9. Flotr2
An independent frame library, which can draw HTML5 graph graphics, is actually a branch of FLOTR, more functional. You can generate linear, bar, candle, pie, and bubble charts, as well as old browsers (ie 6) and mobile platforms.
URL: www.humblesoftware.com/flotr2/
Awesome Chart JS
As the name suggests, this is a great JavaScript library that can be used to create charts based on HTML 5 canvas elements. This library is simple and requires a few lines of code to quickly generate simple charts.
URL: cyberpython.github.com/awesomechartjs/