D3.JS

【 D3.js 入门系列 — 2.1 】 选择、插入、删除元素

1. select 和 selectAll 的区别 在 D3 中，选择元素的函数有两个：select 和 selectAll，它们的使用非常重要。先说明一下它们的区别： select 是选择所有指定元素的第一个 selectAll 是选择指定元素的全部（用于同时操作） 这两个函数返回的结果称为选择集。 来看一个具体的例子，现有如下代码： <html> <he
·2015-11-12 13:30

【 D3.js 入门系列 — 2 】 绑定数据和选择元素

1. 如何绑定数据 D3 有一个很独特的功能：能将数据绑定到 DOM 上，也就是绑定到文档上。这么说可能不好理解，例如网页中有段落元素<p>，我们可以将整数 5 与 <p>绑定到一起。 D3 中是通过 data() 和 datum() 函数来绑定数据的，最常用的是 data()。 现有如下 HTML 代码： <p>Hello World 1</p
·2015-11-12 13:30

【 D3.js 入门系列 — 1 】 第一个程序 HelloWorld

记得以前刚上大一学 C 语言的时候，写的第一个程序就是在控制台上输出 HelloWorld 。当时很纳闷，为什么要输出这个。老师解释说所有学编程入门的第一个程序都是在屏幕上输出 HelloWorld，这是惯例。呵呵，想来真是令人怀念。 好了，言归正传吧。本文的主要内容也是围绕 HelloWorld，不过不是单纯的输出。 1. HTML 是怎么输出 HelloWorld 的 都知道 HTML 吧
·2015-11-12 13:29

d3.js入门1：安装配置

    D3 是当前流行的数据可视化工具，通过本文能有对 D3 有一个初步认识。 1. D3 是什么 D3 的全称是（Data-Driven Documents），顾名思义可以知道是一个被数据驱动的文档。听名字有点抽象，说简单一点，其实就是一个 JavaScript 的函数库，使用它主要是用来做数据可视化的。如果你不知道什么是 JavaScript ，请先学习
·2015-11-12 13:28

Web工程师必备的43款可视化工具

国外站点DATAVISUALIZATION.CH为大家总结出了当前热用的43款可视化工具，包括Arbor、Chroma.js、D3.js、Google Chart Tools等，绝对让你一饱眼福。
·2015-11-11 06:14

Bokeh快速入门(1)

Bokeh 的目标是使用 D3.js 样式提供优雅，简洁新颖的图形化风格，同时提供大型数据集的高性能交互功能。
youerning·2015-11-03 13:49

Bokeh快速入门(1)

Bokeh 的目标是使用 D3.js 样式提供优雅，简洁新颖的图形化风格，同时提供大型数据集的高性能交互功能。
youerning·2015-11-03 13:49

Bokeh快速入门(1)

Bokeh的目标是使用D3.js样式提供优雅，简洁新颖的图形化风格，同时提供大型数据集的高性能交互功能。
youerning·2015-11-03 13:49

D3基础---简介和数据

D3.js是一种数据操作类型的javascript库（也可视其为插件）；结合HTML,SVG和CSS，D3可以图形化的，生动的展现数据。
·2015-11-01 13:21

D3.js学习总结

D3.js是一个JavaScript库，它可以通过数据来操作文档。D3可以通过使用HTML、SVG和CSS把数据鲜活形象地展现出来。
haoshidai·2015-11-01 00:00

测试成功的d3.js代码

第一次测试成功的d3.js代码，需要在ie9及以上的浏览器打开。火狐和google也可以尝试。删除<textarea>部分标记。
·2015-10-31 16:21

go语言下载页面html代码（d3.js代码）

此程序下载的是d3.js代码。可以保存到.html文件中运行。
·2015-10-31 11:09

D3.js部署node环境开发

总结一段D3.js部署node环境的安装过程        准备阶段：       
·2015-10-31 08:09

超酷的javascript文字云/标签云效果 - D3 Cloud

; 来源：GBin1.com 在线演示 如果你想创建漂亮的文字云或者标签云效果的话，你可以考虑使用D3-Cloud，这是一个超棒的开源字体云效果javascript类库，基于知名的D3
·2015-10-31 08:36

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

在线演示 强大的图表类库非常多，今天这里我们将介绍NVD3.js，这个类库基于知名的D3.js类库。目地在于帮助你创建可重用的d3.js图表和图表组件而不降低d3.js的强大功能。
·2015-10-31 08:29

[资料搜集狂]D3.js数据可视化开发库

偶然看到一个强大的D3.js，存档之。   D3.js 是近年来十分流行的一个数据可视化开发库。
·2015-10-30 12:08

【 D3.js 入门系列 --- 6 】 如何使移动图表

    我的个人博客是： www.ourd3js.com      csdn博客为： blog.csdn.net/lzhlzz      转载请注明出处，谢谢。     [5.1]节中制作了一个比較完好的图表。但它是静态的。想做出它的动态效果吗？在D3中仅仅须要短短的几行代码就可以。
·2015-10-27 15:50

js工具库简单介绍

knockout, swipe, iscroll 还有一些剑走偏峰的作品比如： three.js, d3.js,  famo.us,
·2015-10-21 13:32

[置顶] 写书是怎样的经历

2014年11月，电子工业出版社的编辑找到我，说希望写一本关于D3.js的书。其后，经过6个月的撰写和3个月的修订，近期已经正式发售。这段经历，令我有很多比学习技术本身更珍贵的感悟。
lzhlzz·2015-09-30 09:00

D3.js 入门教程

Paste_Image.pngD3.js入门教程（连载）近年来，可视化越来越流行，许多报刊杂志、门户网站、新闻媒体都大量使用可视化技术，使得复杂的数据和文字变得十分容易理解，有一句谚语“一张图片价值于一千个字”，正是如此。D3正是数据可视化工具中的佼佼者，基于JavaScript开发，项目托管于GitHub。从D3诞生以来，不断受到好评，在GitHub上的项目仓库排行榜也不断上升。本教程的目的在于
极客学院Wiki·2015-09-22 10:33

【 D3.js 视频系列 】 飞速入门

本教程共包含6个视频，目的是为了帮助初学者快速入门，以便阅读本站其他文章。本教程的名称为“飞速入门”，是为初学者准备的，其中包括了D3开发中最基础的知识。对D3掌握得较好的朋友不必观看本教程。本系列的具体内容如下，点击标题即可进入百度云页面观看。如果百度云网盘的在线播放中出现清晰度不足的情况，请下载后再观看。1.第一个D3程序D3的简介和安装、服务器软件的安装、初学者应注意的问题、一个简单的D3程
lzhlzz·2015-08-24 06:00

D3.js中data(), enter() 和 exit()的问题详解

大家在刚接触使用d3.js的时候，感到最吃力的地方是data(),enter(),exit()这几个操作。在我接触一段时间，有了一些了解之后，简单说说我的理解。
牛俊为·2015-08-17 10:50

用D3.js进行医疗数据可视化 （五） 饼图 (Pie Chart)

在《用D3.js进行医疗数据可视化（四）堆积区图(StackedAreaChart)》的图2中，我们见识了每种医疗机构每月院均诊疗人次数（人次）的比较。
慢游·2015-08-03 17:10

用D3.js进行医疗数据可视化 （五） 饼图 (Pie Chart)

在《用D3.js进行医疗数据可视化（四）堆积区图(StackedAreaChart)》的图2中，我们见识了每种医疗机构每月院均诊疗人次数（人次）的比较。
eengel·2015-08-03 17:00

用Apache CouchDB存储医疗可视化数据

介绍之前花了些时间探讨用D3.js做医疗数据的可视化，所用的数据来自国家卫生和计划生育委员会统计信息中心网站。简便起见，相关的数据做成JSON格式，并存在了本地JSON文件中。
eengel·2015-07-29 22:00

用D3.js进行医疗数据可视化 （四） 堆积区图 (Stacked Area Chart)

介绍在之前的文章《用D3.js进行医疗数据可视化（一）折线图》中，我们可以看到对于所可视化的医疗卫生机构诊疗人次数线图，最下部的几条线几乎重合在一起，而且几种机构类型相互包含，关系比较混乱。
eengel·2015-07-23 21:00

用D3.js进行医疗数据可视化 （三）坐标轴 (Axes)

所有的代码都是在之前使用D3.js进行医疗数据可视化的一些实践（二）中的代码基础上改的。因此这儿只把相应改动的代码贴出来。
慢游·2015-07-22 20:52

用D3.js进行医疗数据可视化 （三）坐标轴 (Axes)

所有的代码都是在之前使用D3.js进行医疗数据可视化的一些实践（二）中的代码基础上改的。因此这儿只把相应改动的代码贴出来。 
eengel·2015-07-22 20:00

用D3.js进行医疗数据可视化 （二）图例 (Legend)

介绍在上一篇文章的结尾，对生成的可视化图，我们提到了许多待改进的地方。这儿就先来讨论下图例的显示。图例的主要目的是说明图表中各种符号和颜色所代表的内容及指标的说明。对于我们之前生成的linechart，需要用图例说明每条曲线所代表的具体含义是什么。总结两点基本原则如下：1.    图例中要对应曲线的颜色，并指出对应的医疗机构名称；2.    图例要放在适当的位置，以便起到恰如其分的指示作用。本文下
eengel·2015-07-22 14:00

【D3.js 入门学习】 基础选择器

D3.js是一种开源的javascript的可视化框架，提供许多可视化工具，以及函数，包括十分便捷的交互技术。
Evan_Gu·2015-07-21 21:23

用D3.js进行医疗数据可视化 （一）折线图 (Line Chart)

去年下半年，我有机会参加了一个大型项目，在里面参与了前端可视化组建的开发，用的library是D3.js[2]。虽然3个月后我就结束了在这个项目里的工作，但后面断断续续也用D3做了一些别的实现。
eengel·2015-07-19 22:00

D3.js 的基本用法外加一个略调皮的demo

原文链接：http://www.gbtags.com/gb/share/5729.htm 原文链 前几天看到社区里有人发帖子比较了三个比较主流的图表插件，大家都对heightCharts情有独钟，不过无奈无良主管个人爱好D3多一些，所以我的图表第一次就这么给了D3···这是我用D3+react做的一个图表，不过由于扩展性不是很好，就不贴源码了。http://yansm.github.io/reac
kvhur·2015-07-13 10:00

Echarts-echart和springMVC实现堆栈图（读取JSON文件数据）

这篇echarts的堆栈图主要是根据这篇D3.js堆栈图（http://blog.csdn.net/u013147600/article/details/46770415 ）实现的。
u013147600·2015-07-07 16:00

【 D3.js 高级系列 】 总结

在写文章的过程中，笔者对于D3.js的理解也在逐步加深。因此，写在前面的文章一定比后面的文章要差，虽然部分经过了修改，但是还没有系统性修正的时间。现在三个
lzhlzz·2015-06-30 19:00

【 D3.js 高级系列 — 10.0 】 思维导图

思维导图的节点具有层级关系和隶属关系，很像枝叶从树干伸展开来的形状。在前面讲解布局的时候，提到有五个布局是由层级布局扩展来的，其中的树状图（treelayout）和集群图（clusterlayout）布局制作出来的图具有“树形”。因此，可以凭借这两种布局来制作思维导图。1.构造思路树状图布局，将一个具有层级关系的对象root转换成节点数组nodes时，情况如下。有一个root对象：{ name:"
lzhlzz·2015-06-30 19:00

D3.js学习

什么是D3.js?一句话：D3.js是一个操纵数据的javascript库！
furw·2015-06-19 10:00

D3可视化

d3.js是一个近年来推出的基于javascript的数据展示库，全称为DataDrivenDocument，在浏览器数据展示领域的地位类似于通用js框架里的jQuery。
janerubysx·2015-06-16 21:34

【 D3.js 高级系列 — 9.0 】 交互式提示框

一般来说，图表中不宜存在过多文字。但是，有时需要一些文字来描述某些图形元素。那么，可以实现一种交互：当用户鼠标滑到某图形元素时，出现一个提示框，里面写有描述文字。这是一种简单、普遍的交互式，几乎适用于所有图表。通过可给提示框定制外观，能给用户带来很好的体验。1.提示框的制作思路提示框，就是“文字”加“边框”。显示文字，一般来说用SVG的，但是，有两个问题：如果字符串过长，元素不能自动换行，虽然可以
lzhlzz·2015-06-15 21:00

【 D3.js 高级系列 — 8.0 】 标线

有时候，需要在地图上绘制连线，表示“从某处到某处”的意思，这种时候在地图上绘制的连线，称为“标线”。1.标线是什么标线，是指地图上需要两个坐标以上才能表示的元素。例如，北京和上海之间连线。用于绘制标线的图形元素有两种：线段元素和路径元素。如果是在平面地图上，且不要求两点之间有曲线，已足够；如果是在球面地图上，或对于平面地图上的曲线，则需使用。标线有时带有箭头，表示方向。2.如何添加带箭头的标线如果
lzhlzz·2015-06-13 08:00

【 D3.js 高级系列 — 7.0 】 标注地点

有时需要告诉用户地图上的一些目标，如果该目标是只需要一个坐标就能表示的，称其为“标注”。1.标注是什么标注，是指地图上只需要一个坐标即可表示的元素。例如，在经纬度(116,39)处画一个圆，在(108,30)处画一个符号，这些都属于标注，也可以将标注理解为“点元素”。我们知道，只知道经纬度是不能直接在地图上作图的，需要先用投影函数将其转换成像素坐标。例如，如果要在中国地图上标出“北京”的位置，但是
lzhlzz·2015-06-06 08:00

vis.js的network(关系图)研究1

首先我并没有什么选择它的特别理由，上头说这玩意儿不错就去研究了，同样是进行数据可视化的还有d3.js，但我没用过,所以我也不能说哪个更好。个人感觉vis.js还是简单易懂的，动态添加节
hys564219·2015-05-25 08:00

【 D3.js 高级系列 — 6.0 】 值域和颜色

在【入门-第10章】作了一张中国地图，其中各省份的颜色值都是随意赋值的。如果要将一些值反映在地图上，可以利用颜色的变化来表示值的变化。1.思路例如，有值域的范围为：[10,500]现希望10用浅绿表示，500用深绿表示，10到500之间的值用浅绿和深绿之间的颜色表示。显然，此处需要一个函数，传入的参数是10到500之间的值，返回值是浅绿到深绿之间的颜色值。【高级-第5.1章】介绍的颜色插值函数正好
lzhlzz·2015-05-20 17:00

数据可视化与D3.js

数据可视化数据可视化是如何把数据更好的展现出来的一个课题，在大数据出现后，它变得更为重要和迫切。以前使用excel进行柱状图、饼状图、折线图等是最常用的数据可视化手段之一，而在WEB端，使用流行的extjs、fusioncharts、jfreechart，或者相对不太流行的amchart、highcharts、Bootstrap里的charts、jquery的一些插件等等都可以实现饼状图等的展示。
ouyida3·2015-05-19 12:41

15个最棒的JavaScript图形/图表库

D3.js―Data-DrivenDocuments现在提到图表的时候，我们第一个想到的就是 D3.js。作为一
lucianlv·2015-05-15 11:31

arcgis api for js中使用d3.js标注graphic替代textsymbol方式

先看效果js代码：define('keepsoft/gis/extlayers/D3AnnoLayer', [ 'dojo/_base/declare', 'dojo/_base/lang', 'd3/d3', 'dojo/on', 'esri/Evented', 'esri/geometry/screenUtils' ], function(declare, lang, d3js, on, Ev
一快披襟·2015-05-10 23:00

【 D3.js 高级系列 — 5.1 】 颜色插值和线性渐变

颜色插值指的是给出两个RGB颜色值，两个颜色之间的值通过插值函数计算得到。线性渐变是添加到SVG图形上的过滤器，只需给出两端的颜色值即可。1.颜色插值在【高级-第5.0章】里已经提到了颜色插值，在这里做一个例子。先定义颜色插值函数如下，vara=d3.rgb(255,0,0);//红色 varb=d3.rgb(0,255,0);//绿色 varcompute=d3.interpolate(a,b
lzhlzz·2015-05-09 08:00

歌曲推荐系统实践：Pandas、SciPy和D3.js

BenFrederickson在与友人的讨论中就发现，写个推荐系统并没有那么轻而易举，为此他专门写了一篇博文来记录自己实现的整个过程，利用的工具是数据挖掘领域很热门的Pandas和SciPy函数库，最后使用D3
张天雷·2015-05-07 00:00

【 随笔 】 D3 难吗？

1.D3出现的背景D3.js是Github上的一个开源项目，用于数据可视化。作者是 MikeBostock，纽约时报的工程师。现纽约时报上各种数据新闻的可视化图表，都是基于D3制作的。
lzhlzz·2015-04-29 19:00

使用d3.js 绘制交互树

d3.js中包含了丰富的用于表达树和图的例子：http://d3js.org以下代码示例中，用于表示交互的树： .node{ cursor:pointer; } .nodecircle{ fill
csharp25·2015-04-25 12:00

【 D3.js 高级系列 — 5.0 】 颜色

颜色是作图不可少的概念，常用的标准有RGB和HSL，D3提供了创建颜色对象的方法，能够相互转换和插值。RGB色彩模式是通过对红（Red）、绿（Green）、蓝（Blue）三个颜色通道相互叠加来得到各式各样的颜色。三个通道的值的范围都为0~255，因此总共能表示16777216(256*256*256)种，即一千六百多万种。几乎包括了人类所能识别的所有颜色，是最广泛也是最容易理解的颜色系统之一。HS
lzhlzz·2015-04-19 19:00
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他