13 JavaScript Chart (JS chart) graphic drawing plug-in

Now there are more and more free (JS chart) JavaScript graph drawing plugin on the network. I previously made a complex graphic for a website, and we used Highchart. During that time, there were not many plugins to choose from. But now that's different, it's easy to find a lot of very good charting libraries. Personally, the rise of such plugins is due to:

1. Flash used to be the best solution, but many people migrated from there;

2. Modern browsers and their more powerful computing capabilities make it more capable of transforming real-time data.

3. Different techniques for drawing vectors are becoming more sophisticated: VML, SVG, and Canvas.

Of course, you need to choose carefully to meet your own needs. As mentioned earlier, due to the use of various technologies, some plugins that support canvas require only a modern browser.

In this article, we have collected 13 JavaScript charts and graphical drawing plugins. A few are independent frameworks, most of which support the basic graphics such as bar charts, line charts, and pie charts, and many even support more complex graphics, such as: Venn diagram, heat map, evolutionary tree, two-dimensional scatter plot, two-dimensional scatter bubble, three-dimensional scatter plots, etc. Believe you should be able to find what you need in this list.

1. Flotr2

FLOTR2 is an independent framework library that supports HTML5 charts and graphs. It is a branched version of FLOTR, removing Prototype dependencies, and there are many improvements. Support: Line chart, bar chart, wax chart, pie chart, bubble chart. Old browsers such as the IE6 class are also supported.

2. Rickshaw

Rickshaw is a JS tool for creating interactive time series diagrams. It relies on the D3 visualization library and some other plugins for jquery and jquery UIs.

3. D3

D3 is a well-known and efficient visual library.

4. Awesome Chart JS

Awesomechartjs is a concise JS library for charts based on HTML5 canvas elements.

5. canvasxpress

Canvasxpress is a JavaScript library based on the tag implemented in HTML5. I developed this library as the core visualization component for our BMS Systems Biology platform. It supports crazy amount of highly complicated charts and graphs.

6. Humble Finance

Humblefinance is an HTML5 data visualization tool written as a demonstration of interactive graphing in HTML5. It's similar to the Flash tool on http://finance.google.com/. The tool itself is written entirely in JavaScript, using the Prototype and FLOTR libraries. It can be used to display any of the 2-d data sets of real numerical data which share an axis.

7. RGraph

RGraph is a HTML5 Javascript charts library that supports over different types of charts. Using the new HTML5 canvas tag, RGraph creates these Javascript charts in the Web browser, meaning quicker pages and less Web server load. Using RGraph is a easy to speeding up your website.

8. dygraphs

Dygraphs is a open source JavaScript library that produces produces interactive, zoomable charts of the time series. It is designed to display dense data sets and enable users to explore and interpret them. This was a lightweight solution and works in Internet Explorer too.

9. Highchart

Highcharts is a charting library written in pure JavaScript, offering intuitive, interactive charts to your Web site or we b Application. Highcharts currently supports line, spline, area, areaspline, column, bar, pie and scatter chart types. A famous Chart/graph solution used by many well-known organization such as IBM, NASA, Siemens, HP etc.

Ten. Graphael

Graphaël ' s goal is to help you create stunning charts on your website. It is based on Raphaël graphics library. Check out the demos to see Static and interactive charts in action. Graphaël currently supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+.

Jqplot.

Jqplot is a plotting and charting plugin for the JQuery Javascript framework. Jqplot produces beautiful line, bar and pie charts with many features.

JS Charts

JS Charts is a JavaScript based chart generator that requires little or no coding. With JS Charts drawing Charts are a simple and easy task, since the only has to use client-side scripting (i.e. performed By your web browser). No additional plugins or server modules is required. Just include our scripts, prepare chart data in XML, JSON or JavaScript arrays and your chart is ready!

JSXGraph.

JSXGraph is a cross-browser library for interactive geometry, function plotting, charting, and data visualization in a Web Browser. It is the implemented completely in JavaScript, does not rely on any other library, and uses SVG, VML, or canvas. JSXGraph are easy to embed and have a small footprint:less than if KByte in a Web page. No Plug-ins is required! Special care had been taken to optimize the performance.

Reprinted from: http://blog.jobbole.com/13671/

13 JavaScript Chart (JS chart) graphic drawing plug-in