一些基於 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庫，旨在建立可複用的圖表和元件的 D3.js 專案。
   • 它提供了同樣強大的功能，但更容易使用。
   • 它可以讓你處理複雜的資料集來建立更高階的視覺化。
   • 生成的圖表具有可互動性，並且易於改進和自定義。
   • 不支援 D3 v4.x。
3. • 基於 D3.js 和 Ember.js 框架提供了一個易於使用的，可擴充套件的圖表套件。
   • 針對壞資料的錯誤處理能確保有壞資料時應用程式不會崩潰。
   • 可以通過擴充套件它來建立自己的圖表型別。
4. • N3 基於 D3.js 和 AngularJS 構建繪製通用線圖，圖表型別很少。
5. • 一個用於繪製時序圖的簡單 js 庫。
6. • Cubism 也許是顯示時間序列最佳的 D3 外掛。
   • 可以引入多個來源的資料，比如 Graphite、Cube 等創造實時圖表來展現你的資料。
   • 它能夠渲染增量，使用 Canvas 來一次一個畫素的偏移圖表。
   • Cubism 的水平圖要比標準的平面圖更好地利用垂直空間，能夠獲取更多的資料並增加一目瞭然的可能性。
7. • 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. • 一個基於 D3 和 Backbone 的實時儀表板和圖形工具包。
10. • uvCharts 使用 D3 來構建庫,是一個開源的 JavaScript 圖表庫。
    • 號稱有100多個自定義選項。它擁有12種不同的標準圖表型別。
    • 它聲稱自己移除了 D3 所有晦澀的程式碼並提供了建立標準圖表的簡單方法。
    • uvChart 使用 SVG，HTML 和 CSS 來進行程式碼轉換。
11. • 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 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 is no longer under active development. We recommend switching to D3.js!
14. • 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. • 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 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. • 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：

summary:

這些圖表庫的圖表型別大多比較少且單一，基本上都只支援 D3 V3.x.