面向开发人员的40个JavaScript图表和图形库

图形和图表的使用，能够使复杂的数据易于阅读和理解。现有越来越多的开放源码和不需要的Flash支持纯JavaScript图表解决方案。

这里有40个非常有用的免费JavaScript图表和图形开发库。

Sigma.js

Sigma is a JavaScript library dedicated to graph drawing. It makes easy to publish networks on Web pages, and allows developers to integrate network exploration in rich Web applications.

BonsaiJS

A lightweight graphics library with an intuitive graphics API and an SVG renderer.

Ember Charts

A charting library built with the Ember.js and d3.js frameworks. It includes time series, bar, pie, and scatter charts which are easy to extend and modify. The out-of-the-box behavior these chart components represents our thoughts on best practices in chart interactivity and presentation.

Create Responsive Pie Charts – Pizza Pie Chart

Deliver pie charts to any device with Pizza. Your pie will be steaming hot with SVG so that it looks good on retina devices and HiDPI devices. And the pie will fit the width of your box — um, container — or can be given a max-width or max-height.

Chart.js

Easy, object oriented client side graphs for designers and developers. Visualise your data in different ways. Each of them animated, fully customisable and look great, even on retina displays.

xCharts

xCharts is a JavaScript library for building beautiful and custom data-driven chart visualizations for the web using D3.js. Using HTML, CSS, and SVG, xCharts are designed to be dynamic, fluid, and open to integrations and customization.

Grafico

Gafico is a javascript charting library built with Raphaël and Prototype.js. The library provides a wide array of graphs and stays with the guidelines laid out by Stephen Few and Edward Tufte. Grafico provides pretty charts that effectively communicate their information.

Flotr

Flotr is a javascript plotting library based on the Prototype Javascript Framework and inspired by Flot.

Flotr enables you to draw appealing graphs in most modern browsers with an
easy to learn syntax. It comes with great features like legend support, negative
value support, mouse tracking, selection support, zoom support, event hooks, CSS
styling support and much more.

Aristochart

Aristochart is highly customizable and flexible line charting library for canvas. Aristochart allows you to focus on aesthetic while it manages the data behind the scenes.

SpiderGraph

An interactive HTML5 spider graph module for jQuery.

AmCharts

AmCharts is an advanced charting library that will suit any data visualization need. Our charting solution include Column, Bar, Line, Area, Step, Step without risers, Smoothed line, Candlestick, OHLC, Pie/Donut, Radar/ Polar, XY/Scatter/Bubble, Bullet, Funnel/Pyramid charts as well as Gauges.

Paper.js

Paper.js is an open source vector graphics scripting framework that 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 bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface.

Morris.js

Morris.js is a pretty graphing library for creating time-series. It’s a very simple API for drawing line, bar, area and donut charts.

Smoothie Charts for Streaming Data

A JavaScript Charting Library for Streaming Data.

Dygraphs

Dygraphs is a fast, flexible open source JavaScript charting library.

Highchart JS

Highcharts is a charting library written in pure HTML5/JavaScript, offering intuitive, interactive charts to your web site or web application. Highcharts currently supports line, spline, area, areaspline, column, bar, pie, scatter, angular gauges, arearange, areasplinerange, columnrange, bubble, box plot, error bars, funnel, waterfall and polar chart types.

Envision.js

Envision.js is a library for creating fast, dynamic and interactive HTML5 visualizations.

Flot

Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features.

Micropolar

Micropolar is a minimalist polar chart library made with D3.js based on a flexible polar axis implementation.

jFreeChart

JFreeChart is a free 100% Java chart library that makes it easy for developers to display professional quality charts in their applications.

Plotkit

PlotKit is a Chart and Graph Plotting Library for Javascript. It has support for HTML Canvas and also SVG via Adobe SVG Viewer and native browser support.

JS Charts

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

CanvasJS

CanvasJS is an easy to use HTML5 & JavaScript Charting library built on Canvas element. Graphs can render across devices including iPhone, iPad, Android, Windows Phone, Desktops, etc. This allows you to create rich dashboards that work on all devices without compromising on maintainability or functionality of your web application. Charts include several good looking themes and is over 10x faster than conventional Flash and SVG Charts – resulting in lightweight, beautiful and responsive dashboards.

Sparky

Sparklines are intense, simple, word-sized graphics. Sparky is a JavaScript library for drawing them dynamically in your web browser.

Bluff

Bluff is a JavaScript port of the Gruff graphing library for Ruby. It is designed to support all the features of Gruff with minimal dependencies; the only third-party scripts you need to run it are a copy of JS.Class (2.6kB gzipped) and a copy of Google’s ExCanvas to support canvas in Internet Explorer. Both these scripts are supplied with the Bluff download. Bluff itself is around 11kB gzipped.

Dc.js

DC.js is a JavaScript charting library with native crossfilter support and allowing highly efficient exploration on large multi-dimensional dataset (inspired by crossfilter’s demo). It leverages d3 engine to render charts in css friendly svg format. Charts rendered using dc.js are naturally data driven and reactive therefore providing instant feedback on user’s interaction. The main objective of this project is to provide an easy yet powerful javascript library which can be utilized to perform data visualization and analysis in browser as well as on mobile device.

Create Interactive Globes – Planetary.js

Planetary.js is a JavaScript library for building awesome interactive globes. It uses D3 and TopoJSON to parse and render geographic data. Planetary.js uses a plugin-based architecture; even the default functionality is implemented as plugins! This makes Planetary.js extremely flexible.

ElyCharts

Elycharts is a pure javascript charting library, easy to use and completely customizable.

Graph Visualization Library – Arbor.js

A graph visualization library using web workers and jQuery

CanvasXpress

CanvasXpress is a standalone HTML5 graphing library written in Javascript that includes a simple and unobtrusive user interfase to explore complex data sets. CanvasXpress is supported in all major browsers in computers and mobile devices.

JSXGraph

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

Rickshaw

Rickshaw is a JavaScript toolkit for creating interactive time series graphs. Rickshaw provides the elements you need to create interactive graphs: renderers, legends, hovers, range selectors, etc.

Canvas and JavaScript Based Charts Library – RGraph

RGraph is a canvas and JavaScript based charts library built for web charts and supports over twenty different types of visualisation. Using the

Fusion Chart

Stunning animation, rich interactivity and smart designs, you get it all with FusionCharts Suite. You’ll love showing it off.

AwesomeChartJS

AwesomeChartJS is a simple Javascript library that can be used to create charts based on the HTML 5 canvas element.

The main goal during development was to pick sane defaults in order to let the user create simple charts quickly with just a couple of lines of code.

jGraph

Graph Dracula

Dracula is a set of tools to display and layout interactive graphs, along with various related algorithms.

No Flash, no Java, no plug-ins. Just plain JavaScript and SVG. The code is released under the MIT license, so commercial use is not a problem.