10 2017 档案

可视化交互行为
摘要：交互式入门：鼠标，键盘，触屏事件；d3.event行为：退拽，缩放1.鼠标点击事件要领：//鼠标常用事件： click，mouseover，mouseout，mousemove，mousedown，mouseup，dbclick //鼠标事件都是在on（“click”，func... 阅读全文
posted @ 2017-10-26 16:27 Braveliberty 阅读(538) 评论(0) 推荐(0)
文章标题
摘要：在学一张图的时候要弄清作者的写作思路，哪几个元素是成套出现的，谁在前谁在后，将思路轨迹理清楚，就像这篇文章 1.projection—>path(projection)—->svg添加path并绑定数据，生成地图 2.marker中添加arrow的path，生成箭头—–》marker... 阅读全文
posted @ 2017-10-10 21:16 Braveliberty 阅读(170) 评论(0) 推荐(0)
在map上标记point
摘要：先说下最近学习的一些经验， 1越来越觉得我们在学习每个东西的时候应该打破砂锅问到底，为什么要这样做？这样做有什么用？在网页上呈现的是什么？将每句代码的作用都搞清楚，这样才能在组合的时候我们能用的很放心。 2.还要一个就是数据格式的问题，在学习别人代码的时候要搞清楚别人加载的文件数据格... 阅读全文
posted @ 2017-10-10 16:03 Braveliberty 阅读(224) 评论(0) 推荐(0)
基于force布局的map
摘要：基于布局的使用对数据的结构形式要求比较高，所以我们在学习的时候要注意每个布局所需要的结构，在进行与其他模块整合的时候就要注意数据的提取转换，比如说这这篇，1.构造node数据，初始数据是每个省的周边geo，我们通过path.centroid()—–》拿到中心结点坐标，这就是force... 阅读全文
posted @ 2017-10-10 10:51 Braveliberty 阅读(277) 评论(0) 推荐(0)
stack布局
摘要：stack布局的用法还是跟其他一样，我们要知道用stack（dataset）生成的数据形式是什么，然后用生成的数据去生成我们需要的svg图形， var dataset = [ { name: "PC" , sales: [ { year:2005, prof... 阅读全文
posted @ 2017-10-08 22:25 Braveliberty 阅读(263) 评论(0) 推荐(0)
python一些特有语法
摘要：[i for i in range(10)][0, 1, 2, 3, 4, 5, 6, 7, 8, 9]with open("c:list.txt","r",encoding="utf-8") as fr: fr=fr.readline() print(fr)卷 本地磁... 阅读全文
posted @ 2017-10-08 15:00 Braveliberty 阅读(189) 评论(0) 推荐(0)
histogram布局用法
摘要：1histogram布局histogram布局，频率分布直方图，字面意思很明了，表明了一个范围内分布的频率，其中每个柱型表明了这个范围内个数。//随机生成正态分布数据var random=d3.random.normal(170,10);//均值和方差var dataset=[]fo... 阅读全文
posted @ 2017-10-08 11:30 Braveliberty 阅读(607) 评论(0) 推荐(0)
patition布局
摘要：1.partition布局首先就是先定义一个partition布局还有布局的相关访问函数var partition=d3.layout.partition() .sort(null) ... 阅读全文
posted @ 2017-10-08 11:03 Braveliberty 阅读(277) 评论(0) 推荐(0)
基于diagonal生成器的cluster布局
摘要：1.diagonal生成器diagonal生成器是路径生成器的一种，需要的数据形式是var data = [ {A:{x:100,y:100}, B:{x:200,y:200}}, {A... 阅读全文
posted @ 2017-10-07 11:12 Braveliberty 阅读(208) 评论(0) 推荐(0)
地理路径生成器d3.deo.path()
摘要：这篇文章是《数据可视化实战》中的作者例子，我只不过是想重温下地理路径生成器的使用思路。 地理路径的格式有两种，geojson，topojson，topojson是d3作者mike自创的一种格式，并没有成为一种标准，这个例子是书中例子，格式是geojson形式的。1.数据格式 数组中每... 阅读全文
posted @ 2017-10-05 21:50 Braveliberty 阅读(492) 评论(0) 推荐(0)
d3生成器--line，area，diagonal
摘要：1.线生成器—直线line生成器生成的是直线，两点确定一条直线，所以line需要指定x，y的坐标，在文档中成为访问器，也叫访问函数，同时还可以指定插值模式，就是两点之间采用什么样的策略确定插值点，有step，basis，linear等。总之就是在定义生成器的时候会在后边定义它生成它所... 阅读全文
posted @ 2017-10-01 15:39 Braveliberty 阅读(1230) 评论(0) 推荐(0)
# arc生成器与chord生成器在chord布局中的使用详解
摘要：首先我们先来解释下arc生成器与chord生成器，其实所谓的生成器其实都是路径生成器的一种，在svg中有个标签元素， ,我们发现有个d属性需要我们填写，我们当然可以自己填写，比如M0,0L1,1L2,2这些，但是这只是线段，如果弧，弦这种呢？根本就没法写，况且就算由点连成的线段写起来... 阅读全文
posted @ 2017-10-01 11:53 Braveliberty 阅读(347) 评论(0) 推荐(0)