![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
D3.JS
d3记录
Mr_Metre
这个作者很懒,什么都没留下…
展开
-
D3.JS训练题笔记3——(力导向图)
力导布局图:是一种用来呈现复杂关系网络的图表。在力导布局图中,系统中的每个节点都可以看成是一个放电粒子,粒子间存在某种斥力。同时,这些粒子间被它们之间的“边”所牵连,从而产生引力。系统中的粒子在斥力和引力的作用下,从随机无序的初态不断发生位移,逐渐趋于平衡有序的终态。 ** 1.数据集 ** 由nodes和edges两个数组组成,数组中的元素是一个个的对象。 nodes数组例如: nodes代表节点的必要信息,name是结点的名字,size是用来表示节点的大小的值。(size可以不设置,只有name即可原创 2020-11-27 15:24:38 · 459 阅读 · 0 评论 -
D3.JS训练题笔记2——(动态交互相关)
一、题目要求及文件格式 1)要求: 读取csv文件,绘制出100个圆表示全球的100人,并根据鼠标点击分类标准实现动态的交互。 2)文件格式: 3)效果图: 二、实现思路 1)通过随机数方法Math.random()创建初始的100个随机点。 var maxRange = 100; for (var i = 0; i < numDataPoints; i++) { var newNumber1 = Math.floor(Math.random() * maxRange);原创 2020-11-12 20:55:44 · 222 阅读 · 0 评论 -
D3.JS训练题笔记1——(绘制地图相关)
1. Projection的不同投影方式 (1)阿伯斯投影 :d3.geoAlbersUsa() 阿伯斯投影是被设计用4个阿伯斯投影把美国的阿拉斯加州和夏威夷州显示到本图旁边的复合投影。阿伯斯投影不支持旋转和设定中心。 (2)等面积方位投影:d3.geoAzimuthalEqualArea() 等面积方位投影也适合等值线图,这个投影的极坐标方向被用来作为联合国图标。 (3)等距方位投影:d3.geoAzimuthalEquidistant() 等距方位投影保存着投影中心,从投影上的任何点到投影中心的弧原创 2020-11-12 20:55:11 · 844 阅读 · 0 评论