10 powerful JavaScript Chart graphics plugin separation

Source: Internet
Author: User
Tags object model

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.


URL: www.jqplot.com


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.


URL: www.rgraph.net


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.


URL: dygraphs.com


7. canvasxpress
A library based on the HTML5 tag that supports a large number of extremely complex graphs and graphs.


URL: canvasxpress.org


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.


URL: g.raphaeljs.com


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/
Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.