可视化 - 随笔分类 - j.w

d3 API scale

摘要：比例尺有很多种类型，每一种类型都有各自的方法。常用的是linear log oridinal linear .rangeRound(): 输出的值四舍五入 .copy()：返回一个独立的副本 .tickFormat()：一般加载axis .ticks() .nice() .interpolate 阅读全文

posted @ 2016-08-18 20:50 j.w 阅读(310) 评论(0) 推荐(0) 编辑

d3 API axis

摘要：场景 1、画网格线使用方法.innerTickSize(): 指定内刻度大小或者 .tickSize(inner, outer): 2、内外刻度线 innerTickSize outerTickSize tickSize 看需求调吧。 3、 tickFormat 格式化 tickPadding 阅读全文

posted @ 2016-08-18 20:18 j.w 阅读(359) 评论(0) 推荐(0) 编辑

d3 API zoom

摘要：zoom函数: area path circle 阅读全文

posted @ 2016-08-18 19:30 j.w 阅读(421) 评论(0) 推荐(0) 编辑

D3 学习资源

摘要：发现这个网站还是挺不错的：http://www.ourd3js.com/wordpress/ 阅读全文

posted @ 2016-07-21 20:58 j.w 阅读(152) 评论(0) 推荐(0) 编辑

折线图

摘要：教程：http://www.daliane.com/category/wangzhanjianshe/qian_duan_ji_shu/javascript/page/9/ 描述：这是一个关于 line chart，实现的功能比较全。笔记六：drawChart() 中 circle的动画要放在最后阅读全文

posted @ 2016-07-21 20:41 j.w 阅读(163) 评论(0) 推荐(0) 编辑

svg

摘要：svg 有哪些元素： svg circle rect ellipse line text 每个元素有哪些属性 svg：width height circle：cx cy r fill stroke stroke width rect：x y width height ellipse: cx cy r 阅读全文

posted @ 2016-07-18 09:14 j.w 阅读(164) 评论(0) 推荐(0) 编辑

D3 data()

摘要：与datum()的区别假设要绑定的数组为[3,6,9]，那么我们希望第一个p元素绑定3，第二个绑定6，第三个绑定9。这种情况就需要使用data()函数，如果使用datum()，则会将数组本身绑定到各元素上，即第一个p元素绑定[3,6,9]，第二个绑定[3,6,9]，第三个也是绑定[3,6,9]。借用... 阅读全文

posted @ 2015-07-08 20:44 j.w 阅读(830) 评论(0) 推荐(0) 编辑

D3 datum()

摘要：datum()和data()功能类似。 datum()：将指定数据赋值给被选择元素。data()：将数据数组与选择集的元素结合。使用绑定的数字被绑定的数据会传递给子元素阅读全文

posted @ 2015-07-08 20:16 j.w 阅读(943) 评论(0) 推荐(0) 编辑

D3 数据可视化实战笔记

摘要：学习真是件奇妙的事情。这本书我之前都看过，有些的知识点却完全没有印象。总结：把用到的知识好好研究；平时可以了解其他技术的基础，把相关的资料和难点记录下来。 javascript陷阱 SVG 需要给svg指定width，height；元素的属性值都不带单位为SVG元素添加样式：opacity 比较阅读全文

posted @ 2015-07-08 10:34 j.w 阅读(666) 评论(0) 推荐(0) 编辑

line tension

摘要：tension 注：d为1时，则为直线，因为使用了基数样条插值，d为0时，并不是非常圆滑的。阅读全文

posted @ 2014-05-08 16:34 j.w 阅读(603) 评论(0) 推荐(0) 编辑

svg transform

摘要：看了这个页面的说明：http://www.2cto.com/kf/201301/186980.html总结如下：transform包括：translate(tx,ty)，scale(sx,sy)，rotate(a)，skew(ax,ay)，matrix(a,b,c,d,e,f)，transition... 阅读全文

posted @ 2014-05-06 19:14 j.w 阅读(184) 评论(0) 推荐(0) 编辑

Icicle partition

摘要：Icicle 注：我用的是最简化的数据。如果想加text，也很简单，只是在clicked中会重新定义y，所以在更新text时需要x(d.x+d.dx/2);（大概），刚开始定义时也可这样写，因为没有变scale，所以x(d.x)+x(d.dx)/2;也... 阅读全文

posted @ 2014-05-01 15:03 j.w 阅读(319) 评论(0) 推荐(0) 编辑

D3 drag

摘要：d3 阅读全文

posted @ 2014-04-29 21:41 j.w 阅读(586) 评论(0) 推荐(0) 编辑

D3 API总览

摘要：D3图形库API参考 https://github.com/d3/d3/wiki/API--%E4%B8%AD%E6%96%87%E6%89%8B%E5%86%8C d3 官网 API https://github.com/d3/d3-3.x-api-reference/blob/master/AP 阅读全文

posted @ 2014-04-29 15:12 j.w 阅读(302) 评论(0) 推荐(0) 编辑

D3_book 11.3 force

摘要：node是动态的。阅读全文

posted @ 2014-04-29 14:30 j.w 阅读(216) 评论(0) 推荐(0) 编辑

D3_book 11.1 pie

摘要：问题：pie和chord的区别？阅读全文

posted @ 2014-04-29 14:04 j.w 阅读(247) 评论(0) 推荐(0) 编辑

D3_book 7 area

摘要： <!DOCTYPE html> <meta charset="utf-8"> <style> svg { font: 10px sans-serif; } path { fill: steelblue; } .axis path, .a 阅读全文

posted @ 2014-04-29 13:37 j.w 阅读(498) 评论(0) 推荐(0) 编辑

D3_book 11.2 stack

摘要：阅读全文

posted @ 2014-04-29 13:07 j.w 阅读(420) 评论(0) 推荐(0) 编辑

随笔分类 - 可视化