[Web chart Series II] library summarization and comparison of various JS charts

Source: Internet
Author: User
Tags mootools

Preface

Use js to display charts in the browser. See Series 1.

Comparison of technologies for drawing SVG, VML, and HTML5 canvas on the Web end

The number of JS libraries for Web charts is large:
Name Brief Introduce Browser support Site URL Comments
$ FX () 1. lightweight
2. Compress code
3. js + CSS
MIT and GPL license
Open Source
Good Http://fx.inetcat.com/
Amcharts Column, bar, line, area, step, smoothed line, candlestick, ohlc, pie/donut, radar/polar, XY/scatter/bubble charts Not open source Http://www.amcharts.com/
Arbor Force Directed Graph Not support good in IE Http://arborjs.org/
Bluff 1. for Ruby
2. Bluff, 2008-2010 James coglan
GPL and MIT licenses. Http://bluff.jcoglan.com/
Canvas 3D Graph Canvas 3D graph is a special type of bar graph that plot numbers in 3D BSD Licence Http://dragan.yourtree.org/code/canvas-3d-graph/ 3D
Canvas pie chart with tooltips
Canvasxpress Based on the <canvas> tag implemented in HTML5 Not support good in IE Http://canvasxpress.org/
Ccchart Not support good in IE Http://jsgt.org/c/
Cubism 1. Base D3
2. Time Series chart
Not support good in IE
Cytoscape A lot of plugins are available for various kinds of problem domains, including bioinformatics, social network analysis, and semantic web. Not free, lgpl. Good Http://www.cytoscape.org/
Cytoscape Web
D3.js Not support good in IE Http://mbostock.github.com/d3/
Dojox. charting Mobile Http://dojotoolkit.org/projects/dojox
Dracula Graph Dracula is a set of tools to display and layout Interactive graphs, along with varous related algorithms. Https://github.com/strathausen/dracula
Dygraphs Produces interactive, zoomable charts of time series. It is designed to display dense data sets and enable users to define e and interpret them Open Source Http://dygraphs.com/ Time Series
Ejschart (emprise JavaScript charts) Not open source Http://www.ejschart.com/ Not open source
Elycharts Rapha using L and jquery libraries.
Line charts with Spline support
Area and areaspline charts
Column/bar charts
Combined line/area charts
Sparklines and sparkbars
Pie charts
Open-source and free (even for your cial use) Http://elycharts.com/
Ext. js Not free Not free
Fgcharting Update to jquery Visualize
Flot Good Http://code.google.com/p/flot/ No bubble chart
Flotr Based on the prototype JavaScript framework Good Http://code.google.com/p/flotr/ Support not well
Flotr2 Flex + flash Http://www.humblesoftware.com/flotr2/
Google chart Good Https://developers.google.com/chart? Hl = ZH-CN Bubble Chart not well
Graphael Base Raphael Good Http://g.raphaeljs.com/
Gvchart Base Google chart tools
Area, line, bar, column, and pie
Http://www.ivellios.toron.pl/technikalia/2010/06/22/gvchart-plugin-jquery-with-google-charts/ Bubble Chart not well
Highchart Not free Http://www.highcharts.com/ Bubble Chart not well
ICO Base Raphael, line chart Https://github.com/alexyoung/ico No bubble chart
Javascript infovis Toolkit Good Http://thejit.org/
Jqplot Line, bar and pie charts Good Http://www.jqplot.com/ Bubble Chart not well
Jquery Google charts Can't access site Http://www.maxb.net/scripts/jgcharts/ Support not well
Jquery sparklines This jquery plugin generates sparklines Http://omnipotent.net/jquery.sparkline/ Sparklines
Jquery Visualize HTML5 canvas charts driven by HTML table elements Https://github.com/filamentgroup/jQuery-Visualize Bubble not support
Jschart JS charts lets you create charts in different templates like bar charts, pie charts or simple line graphs. Not open source Http://www.jscharts.com/
Jsplumb Good Https://github.com/sporritt/jsPlumb
Jsxgraph Interactive geometry, function ploy, charting, and data visualization Lgpl-lesser GNU General Public License. Good Http://jsxgraph.uni-bayreuth.de/wp/ Poor Graph Display
Leigeber Can't access site Http://www.leigeber.com/
Milkchart Generate a graph similar to Microsoft Excel. MIT license Http://mootools.net/forge/p/milkchart
Moochart Moochart is a plugin for mootools 1.2 that draws bubble diagrams on the canvas tag. Future versions might include pie, Bar & line graphs. Not support good in IE Http://moochart.coneri.se/
Mootools 1. provide a unique and elegant way to visualize data using JavaScript and the <canvas> Object
2. From 2008, only two version
Mit-style license. Http://mootools.net/
Moowheel Plugin mootools that generates charts from accessible data tables. Not good Http://labs.unwieldy.net/moowheel/
Morris. js Base Raphael, line chart, bar Http://www.oesmith.co.uk/morris.js/
Paper. js Runs on top of the HTML5 canvas. It offers a clean scene graph/Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezr curves, Not support good in IE Http://paperjs.org/
Plotkit Plotkit is a chart and graph plow.library for Javascript. It has support for HTML canvas and also SVG via Adobe SVG Viewer and native browser support. Http://www.liquidx.net/plotkit/ Support not well
Primer Http://github.com/mojombo/primer/tree/master Support not well
Processing. js Not support good in IE Http://processingjs.org/
Protochart No longer maintained Http://code.google.com/p/protochart/
Protovis 1. protovis is no longer under active development.
2. To D3
Http://mbostock.github.com/protovis/
Raphael Http://raphaeljs.com/
Reflection Ogos, icons and dynamic image content such as forum avatars. Http://cow.neondragon.net/stuff/reflection/
Rgraph Not open source Http://www.rgraph.net/ Not open source
Rgraph2 Rgraph is a complete point-> line chart web implementation based on raphaeljs. Https://github.com/hafeyang/rgraph2.git
Sigma Sigma. JS is an open-source lightweight JavaScript library to draw graphs, using the HTML canvas element. It has been especially designed: MIT license. Http://sigmajs.org/ View
Smoothie charts Not support good in IE Http://smoothiecharts.org/
Style chart Line and bar chart, less support Http://chart.inetsoft.com/
Timeline Timeline Http://timeline.verite.co/
Timeplot Timeplot Http://www.simile-widgets.org/timeplot/
Tuftegraph Not support good in IE Http://xaviershay.github.com/tufte-graph/ Not support good in IE
Yahoo UI Charts Control Line, marker, area, spline, column, bar and pie charts. Good Http://developer.yahoo.com/yui/

Post

How to choose a good library that applies to your own. For different requirements, the evaluation standards are also different. Here I provide some suggestions for items:

1. No plugin
2. browser support
3. UI
4. Performance
5. Free; Open Source
6. Resource

7. othes special function demand

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.