一些基于 D3.js 的图表库

一些基于 D3.js 的图表库
D3.js is a JavaScript library for manipulating documents based on data.
D3 helps you bring data to life using HTML, SVG, and CSS.
D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.
阐述清每个图表库的特点It's not easy，有的是直接复制的官网介绍。。。
1
C3.js

C3.js 是一个基于 D3 可重用的图表库。
C3.js 提供了一种不同于 D3 学习曲线的方法，它将构建整个图表所需要的代码进行了包装。
C3.js 允许你创建自定义的类，这样就可以生成自己的风格。
它提供了大量的 API 和回调，以便你可以在第一次渲染之后更新图表。
Dependency: D3.js ~3.5.0。
NVD3.js

NVD3 是一个开源的图表制作JS库，旨在建立可复用的图表和组件的 D3.js 项目。
它提供了同样强大的功能，但更容易使用。
它可以让你处理复杂的数据集来创建更高级的可视化。
生成的图表具有可交互性，并且易于改进和自定义。
不支持 D3 v4.x。
Ember Charts

基于 D3.js 和 Ember.js 框架提供了一个易于使用的，可扩展的图表套件。
针对坏数据的错误处理能确保有坏数据时应用程序不会崩溃。
可以通过扩展它来创建自己的图表类型。
n3-charts

N3 基于 D3.js 和 AngularJS 构建绘制通用线图，图表类型很少。
rickshaw

一个用于绘制时序图的简单 js 库。
cubism

Cubism 也许是显示时间序列最佳的 D3 插件。
可以引入多个来源的数据，比如 Graphite、Cube 等创造实时图表来展现你的数据。
它能够渲染增量，使用 Canvas 来一次一个像素的偏移图表。
Cubism 的水平图要比标准的平面图更好地利用垂直空间，能够获取更多的数据并增加一目了然的可能性。
xCharts

xCharts 被设计为一个动态的、流畅的、开放的和可定制化的库。
a D3-based library for building custom charts and graphs.
好像很久没维护了。
dc.js

dc.js is a javascript charting library with native crossfilter support, allowing highly efficient exploration on large multi-dimensional datasets (inspired by crossfilter’s demo).
It leverages d3 to render charts in CSS-friendly SVG format.
Charts rendered using dc.js are data driven and reactive and therefore provide instant feedback to user interaction.
dc.js is an easy yet powerful javascript library for data visualization and analysis in the browser and on mobile devices.
graphene

一个基于 D3 和 Backbone 的实时仪表板和图形工具包。
uvCharts

uvCharts 使用 D3 来构建库,是一个开源的 JavaScript 图表库。
号称有100多个自定义选项。它拥有12种不同的标准图表类型。
它声称自己移除了 D3 所有晦涩的代码并提供了创建标准图表的简单方法。
uvChart 使用 SVG，HTML 和 CSS 来进行代码转换。
dimple

The aim of dimple is to open up the power and flexibility of d3 to analysts.
It aims to give a gentle learning curve and minimal code to achieve something productive.
It also exposes the d3 objects so you can pick them up and run to create some really cool stuff.
Recharts

Recharts is a Redefined chart library built with React and D3.
The main purpose of this library is to help you to write charts in React applications without any pain. Main principles of Recharts are:
Simply deploy with React components.
Native SVG support, lightweight depending only on some D3 submodules.
Declarative components, components of charts are purely presentational.
protovis

Protovis 是一个图形的可视化工具包。
Protovis 用简单的标识例如条或点的数据来组成自定义的视图。
Protovis 是通过动态属性的编码数据来定义的，允许继承、规范、布局的形式来简化构建。
已经弃用了不再维护，Protovis is no longer under active development. We recommend switching to D3.js!
metricsgraphicsjs

MetricsGraphics.js is a library built on top of D3 that is optimized for visualizing and laying out time-series data.
It provides a simple way to produce common types of graphics in a principled, consistent and responsive way.
The library currently supports line charts, scatterplots, histograms, bar charts and data tables as well as features like rug plots and basic linear regression.
datamaps

Customizable SVG map visualizations for the web in a single Javascript file using D3.js
Datamaps is intended to provide some data visualizations based on geographical data.
It’s SVG-based, can scale to any screen size, and includes everything inside of 1 script file.
It heavily relies on the amazing D3.js library.
Out of the box it includes support for choropleths and bubble maps (see demos), but it’s not limited to just that.
Its new plugin system allows for the addition of any type of visualization over the map.
plottable

Plottable is a library of chart components for creating flexible, custom charts for websites.
It is built on top of D3.js and provides higher-level pieces, like plots, gridlines, and axes.
As such, it’s easier to quickly build charts than with D3, and the charts are much more flexible than standard-template charts provided by charting libraries.
plotly.js

Built on top of d3.js and stack.gl, plotly.js is a high-level, declarative charting library.
plotly.js ships with 20 chart types, including 3D charts, statistical graphs, and SVG maps.
PS：

调研一部分参考：
20 best JavaScript charting libraries
50 JavaScript Libraries for Charts and Graphs

使用比较多(以github上star数为依据, 排名不分先后)的图表库是:

C3.js
NVD3.js
rickshaw
dc.js
metricsgraphicsjs
plotly.js
summary:
这些图表库的图表类型大多比较少且单一，基本上都只支持 D3 V3.x.
————————————————
版权声明：本文为CSDN博主「田益铭」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/u012860063/article/details/70459636