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

一些基于 D3.js 的图表库相关推荐

链接neo4j图形数据库的图像化显示（基于d3.js/neovis.js/neod3.js）
一.基于D3.js (自由度高,写起来麻烦) 二.基于neovis.js (基于d3库,简洁,但样式固定,自由度低.) 三.基于neo4jd3.js (融合neovis与d3,数据格式可用d3\neo ...
基于D3.js实现分类多标签的Tree型结构可视化
全文共5270个字,4张图,预计阅读时间25分钟. 关键词: 可视化,D3.js,python,前端,代码 why 今天新来的实习生需要对部分分类文本进行多标签的检测,即根据已构建好的一.二级标签Ex ...
基于vue的组织架构树组件_Vue组件基于D3.js布局显示树
基于vue的组织架构树组件 Vue.D3.tree (Vue.D3.tree) Update documentationVue components to display graphics based ...
dagre-d3 基于d3.js v3版本以上
基于d3 v3 和 v4 的变化 https://github.com/dagrejs/dagre-d3/commit/ebbb84f03bd169061f40d7a1df82cb3b51860187 ...
html 实时曲线 js,基于d3.js实现实时刷新的折线图
先来看看效果图下面直接上源代码,html文件实时刷新折线图 .axis path, .axis line{ fill: none; stroke: black; shape-rendering: ...
基于d3.js的组织结构图实现
一.效果图: 代码地址:https://codepen.io/wlei/pen/YveRmB 二.数据结构 data.json: { "name":"中国", ...
实现基于D3.js的图形动态变化
在开发过程中遇到需要加载大量图形数据,并支持图形自动变换形状颜色等需求,即图形在某一时间段内发生某种变化,可能是形状.颜色.位置等,而且用户是可以看到变化过程的.而这个变化过程在D3里我们称之为过渡. ...
Ember Charts – 基于 Ember D3 的图表库
Ember Charts 是一个基于 Ember.js 和 D3.js 的图表库.它包括时间序列.柱状图.饼图.点图,很容易扩展和修改.这些图表组件代表图表交互性和演示的最佳实践,是高度可定制和可扩展 ...
D3.js 教程: 使用 JavaScript 创建可交互的柱状图
原文链接:D3.js Tutorial: Building Interactive Bar Charts with JavaScript 译者:OFED 最近,我们有幸参与了一个机器学习项目,该项目涉 ...
美观又实用，10 款强大的开源 Javascript 图表库
2019独角兽企业重金招聘Python工程师标准>>> 随着发展,现代 Web 设计在改善体验和功能的同时,对于美观的追求也越来越高,可视化.交互式.动态等元素和效果似乎已成为标配. ...

一些基于 D3.js 的图表库

一些基于 D3.js 的图表库相关推荐

最新文章

热门文章