一些基于 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。

2. NVD3.js

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

3. Ember Charts

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

4. n3-charts

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

5. rickshaw

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

6. cubism

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

7. xCharts

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

8. 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.

9. graphene

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

10. uvCharts

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

11. 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.

12. 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:
      
      1. Simply deploy with React components.
      2. Native SVG support, lightweight depending only on some D3 submodules.
      3. Declarative components, components of charts are purely presentational.

13. protovis

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

14. 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.

15. 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.

16. 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.

17. 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数为依据, 排名不分先后)的图表库是:

  1. C3.js
  2. NVD3.js
  3. rickshaw
  4. dc.js
  5. metricsgraphicsjs
  6. plotly.js

---

summary:

这些图表库的图表类型大多比较少且单一，基本上都只支持 D3 V3.x.

---