我要评价

可视化库 D3.js

报表/图表制作

授权协议: MIT

开发语言: JavaScript

操作系统: 跨平台

收录时间：2012-03-13

D3.js 详细介绍

D3 是最流行的可视化库之一，它被很多其他的表格插件所使用。它允许绑定任意数据到DOM，然后将数据驱动转换应用到Document中。你可以使用它用一个数组创建基本的HTML表格，或是利用它的流体过度和交互，用相似的数据创建惊人的SVG条形图。D3-js D3JS

软件首页软件文档源码下载

大家对 D3.js 的评论 (全部 5 条评论)

10 有用

里面的地图，中国和台省是分开的

1 有用

看样子效果不错

0 有用

mark #D3.js#

0 有用

http://map.ipviking.com/ D3.js

0 有用

你可以使用它用一个数组创建基本的HMTL表格,这里写错了,d3.js D3.js

评价

D3.js 相关问答 (全部 27 个问答)

9回答 0投票

不知道现在做数据可视化的公司多吗？有人真正理解数据可视化吗？

R语言 D3.js Datav.js

0回答 0投票

d3.js做出的图形怎么添加到百度地图上

D3.js

0回答 0投票

d3.js中力导向图的节点怎么用包图代替

D3.js

0回答 0投票

d3.js将不同父节点上的相同的子节点连接到一起

D3.js

6回答 0投票

json数据处理问题

D3.js

D3.js 相关博客

D3.js可视化库入门视频教程

D3 是最流行的可视化库之一，它被很多其他的表格插件所使用。它允许绑定任意数据到DOM，然后将数据驱动转换应用到Document中。你可以使用它用一个数组创建基本的HTML表格，或是利用它的流体过度和交互，用相似的数据创建惊人的SVG条形图。 1）D3.js简介 2）使用D3.js制作SVG图 3）使用D3.js画圆 4）缩放功能 5）分组与坐标轴 6）矩形参数 7）图形变换

D3.js数据展现

[译]D3.js 漫游指南

原文: https://medium.com/@enjalot/the-hitchhikers-guide-to-d3-js-a8552174733a 译文源代码地址: https://github.com/ssthouse/d3-blog/blob/master/d3-guide/d3_roadmap_cn.md 如果这篇文章对你有帮助的话, 不...

[译] D3.js 嵌套选择集 (Nested Selection)

[译] D3.js 嵌套选择集 (Nested Selection) 译者注: 原文: Mike Bostock (D3.js 作者) -- Nested Selections 译者: ssthouse 本文讲解的是关于 D3.js 中 d3-selection 的使用. d3-selection 是 d3 的核心所在, 它...

d3.js制作动态图表

完整的柱形图

d3.js多组柱形图

<!DOCTYPE html> <meta charset="utf-8"> <style> .axis text { font: 10px sans-serif; } .axis path, .axis line { fill: none; stroke: #000; shape-rendering: crispEdges; } .x.a...

[译]D3.js 之 d3-selection 原理

[译]D3.js 之 d3-selection 原理译者注原文: 来自 D3.js 作者 Mike Bostock 的How Selections Works 译者: ssthouse 译文在前一篇文章中, 我介绍了关于 D3 selection 的基础, 这些基础足以让你开始使用 D3 sel...

[译] D3.js 之 d3-shap 简介

[译] D3.js 之 d3-shap 简介译者注原文: 来自 D3.js 作者 Mike Bostock 的 Introducing d3-shape 译者: ssthouse 联系译者: 邮箱(ssthouse@163.com) & 微信(wssst123456789) 译文假设你现在想创建一个用于学习...

用D3.js 十分钟实现字符跳动效果

用D3.js 十分钟实现字符跳动效果注本文基于 D3.js 作者 Mike Bostock 的例子原文分为三部分, 在这里笔者将其整合为了一篇方便阅读. 该效果基于 D3.js, 主要使用到了 d3-selection. 如果对d3-selection的基本使...

【D3.js数据可视化系列教程】--（十）更自由的条形图

1. 准备数据绘制条形图的输入数只需要一个表示每个条数据量的数组就行。 var dataset = [ 5, 10, 13, 19, 21, 25, 22, 18, 15, 13,11, 12, 15, 20, 18, 17, 16, 18, 23, 25 ]; 2. 创建SVG元素 var w = 50...

d3.js——饼状图

对于d3.js我只能说它官网上提供的制作饼图的工具已经很好了，但是还是有很多需求不能满足大家的需求，这些新的需求就需要大家用pie图的api自行编写。我现在就遇到需要有一个图例的需求，现在就给大家展示一下。

用 D3.js 画一个手机专利关系图, 看看苹果,三星,微软间的专利纠葛

用 D3.js 画一个手机专利关系图, 看看苹果,三星,微软间的专利纠葛前言本文灵感来源于Mike Bostock 的一个 demo 页面原 demo 基于 D3.js v3 开发, 笔者将其使用 D3.js v5 进行重写, 并改为使用 ES6 语法. 源码:...

d3.js 三坐标曲线图

<!DOCTYPE html> <meta charset="utf-8"> <style> .axis--x line,.axis--y line {stroke-opacity:.2;} .axis--x path,.axis--y path { display: none;} .line { fill: none; stroke-width: 1.5px; stroke-linejoi...

d3.js——柱状图

最近在开发报表模块，需要画一些图表，之前一直用百度的eChart，但是那个封装的太好了，现在用d3之后可以画出自己想要的内容，不过他的api很多想要学会有点费劲，大家多看一些例子就可以理解了，我现在就把我做的图表的例子放在下面都是加了中文注释的，有什么问题也可以联系我。

d3.js学习笔记--Mike Bostock: Thinking with Joins

我们可以使用append方法, 来创建一个单一元素: var svg = d3.select('svg'), d = {"x": 50, "y": 50}; svg.append("circle") .attr("cx", d.x) .attr("cy", d.y) .attr("r", 25); 如果想传递多条数据, ...

我们不支持 IE 10 及以下版本浏览器

It appears you’re using an unsupported browser

可视化库 D3.js