版权声明：本文为博主原创文章，未经博主允许不得转载。vasttian https://blog.csdn.net/u012860063/article/details/70459636
一些基于 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，有的是直接复制的官网介绍。。。
-
- C3.js 是一个基于 D3 可重用的图表库。
- C3.js 提供了一种不同于 D3 学习曲线的方法，它将构建整个图表所需要的代码进行了包装。
- C3.js 允许你创建自定义的类，这样就可以生成自己的风格。
- 它提供了大量的 API 和回调，以便你可以在第一次渲染之后更新图表。
- Dependency: D3.js ~3.5.0。
-
- NVD3 是一个开源的图表制作JS库，旨在建立可复用的图表和组件的 D3.js 项目。
- 它提供了同样强大的功能，但更容易使用。
- 它可以让你处理复杂的数据集来创建更高级的可视化。
- 生成的图表具有可交互性，并且易于改进和自定义。
- 不支持 D3 v4.x。
-
- 基于 D3.js 和 Ember.js 框架提供了一个易于使用的，可扩展的图表套件。
- 针对坏数据的错误处理能确保有坏数据时应用程序不会崩溃。
- 可以通过扩展它来创建自己的图表类型。
-
- N3 基于 D3.js 和 AngularJS 构建绘制通用线图，图表类型很少。
-
- 一个用于绘制时序图的简单 js 库。
-
- Cubism 也许是显示时间序列最佳的 D3 插件。
- 可以引入多个来源的数据，比如 Graphite、Cube 等创造实时图表来展现你的数据。
- 它能够渲染增量，使用 Canvas 来一次一个像素的偏移图表。
- Cubism 的水平图要比标准的平面图更好地利用垂直空间，能够获取更多的数据并增加一目了然的可能性。
-
- xCharts 被设计为一个动态的、流畅的、开放的和可定制化的库。
- a D3-based library for building custom charts and graphs.
- 好像很久没维护了。
-
- 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.
-
- 一个基于 D3 和 Backbone 的实时仪表板和图形工具包。
-
- uvCharts 使用 D3 来构建库,是一个开源的 JavaScript 图表库。
- 号称有100多个自定义选项。它拥有12种不同的标准图表类型。
- 它声称自己移除了 D3 所有晦涩的代码并提供了创建标准图表的简单方法。
- uvChart 使用 SVG，HTML 和 CSS 来进行代码转换。
-
- 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 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 is no longer under active development. We recommend switching to D3.js!
-
- 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.
-
- 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 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.
-
- 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数为依据, 排名不分先后)的图表库是:
summary:
这些图表库的图表类型大多比较少且单一，基本上都只支持 D3 V3.x.