开源中国

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

It appears you’re using an unsupported browser

为了获得更好的浏览体验，我们强烈建议您使用较新版本的 Chrome、 Firefox、 Safari 等，或者升级到最新版本的IE浏览器。如果您使用的是 IE 11 或以上版本，请关闭“兼容性视图”。

继续访问

D3.js首页、文档和下载 - 可视化库 - 开源中国社区

全部项目分类

我要评价

7.0

可视化库 D3.js

报表/图表制作

授权协议: MIT

开发语言: JavaScript

操作系统: 跨平台

收录时间：2012-03-13

D3.js 详细介绍

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

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

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

gujunge

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

湮YM灭

看样子效果不错

MartinBockZhu

首席安全砖家

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

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

评价

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

9回答 0投票

远航之星

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

R语言 D3.js Datav.js

0回答 0投票

PhyllisF

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

D3.js

0回答 0投票

PhyllisF

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数据展现

龙马行空

d3.js——饼状图

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

Nirow

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很多想要学会有点费劲，大家多看一些例子就可以理解了，我现在就把我做的图表的例子放在下面都是加了中文注释的，有什么问题也可以联系我。

灯下黑鬼吹灯

Pentaho6.1中D3可视化库的集成及数据联动的实现

D3.js 是操作基于数据文件的JavaScript库。它使用HTML、SVG和CSS让你的数据基情四射。D3在web标准上着重为你提供现代浏览器的全部功能，而且不需要通过使用你自己专门的框架、结合强大的可视化组件和DOM操作的数据驱动方法。

fzyz_sb

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); 如果想传递多条数据, ...

fzyz_sb

d3.js学习笔记--Mike Bostock: VIZBI: D3 Workshop

Preface d3是基于HTML和SVG的数据可视化JS库. 它将数据(data)和元素(DOM)相互绑定在一起, 并且在数据实时改变情况下DOM元素也会实时改变. 所以, D3是Data-Driven Documents, 即数据驱动元素, 而D3的命名则来源于W3C Document Object Model. html模板文件为: <!DOCTYPE html> <meta ...

fzyz_sb

d3.js学习笔记--Mike Bostock: What makes Software Good?

enter, update和exit <svg width="960" height="540"> <g transform="translate(32,270)"> <text x="0">h</text> <text x="32">e</text> <text x="64">l</text> <text x="96">l</text> <tex...

JX2011

实用的d3.js教学 tree布局+物体按path轨迹运动

简介：学习本文主要目标是——1、学会tree布局；2、学会物体运动（按我们指定path轨迹运动）；大家可以先下载代码观看效果https://github.com/jx2011/d3.js-path-tree-或者在线预览。

可乐瓶的小辣椒

4个用于数据分析和可视化的 JavaScript 库

今天的文章将给大家介绍4个有用的JavaScript 库，主要用于数据分析和数据可视化。

gbin1

分享一个基于D3.js的互动可重用图表javascript类库 - NVD3.js

日期：2012-6-30 来源：GBin1.com 在线演示强大的图表类库非常多，今天这里我们将介绍NVD3.js，这个类库基于知名的D3.js类库。目地在于帮助你创建可重用的d3.js图表和图表组件而不降低d3.js的强大功能。这个类库非常新，拥有的组件和图表不是很多，但是可以帮助你轻松的管理和自定义图表，而不必自己去构建所有的开发细节。支持的图形包括：线状图，柱状图，气泡图，区域...

WannaOne

学习笔记（一）——数据可视化D3.js

目前可视化越来越流行，许多报刊杂志、门户网站、新闻、媒体都大量使用可视化技术，使得复杂的数据和文字变得十分容易理解，。各种数据可视化工具也如井喷式地发展，D3 正是其中的佼佼者。

yolenna

D3-V4.JS之带tooltip的条形统计图

最近在学习d3这个数据可视化的框架，发现他的功能真的是非常的强大，下面分享一篇带tooltip的条形统计图。下面的这个效果也是参考了http://bl.ocks.org/Caged/6476579，的一部分效果，大部分的灵感是源于上文的作者，但是上文中所用到的框架是d3-v3.min.js，现在v4版本的很多函数依赖都发生了改变，所以，我现在基于v4版本的d3分享一篇带tooltip的柱形统...

zhangqunshi

D3介绍 D3是用来做web页面可视化的组件，其官方网址为http://d3js.org 安装 D3类库的文件只有一个d3.js。下载后直接在html的<script>标签中引用此js就可以了。最好安装一个web服务器，例如apache HTTP server, nginx等等。绘制SVG 一般D3实在SVG上进行作图的。虽然可以在Canvas上作图，但D3提供了大量SVG图形的生成器，...