美文网首页
第三章 d3数据

第三章 d3数据

作者: Doter | 来源:发表于2017-09-02 20:35 被阅读0次

1 js数组方法

1. JavaScript中修改数组自身的方法:
2.JavaScript中数组的存取方法:
3.JavaScript中数组的迭代方法:

2 d3数组方法

计算类

d3.min(array) 获取最小值
d3.max(array) 获取最大值
d3.extent(array) 获取极值[最小值,最大值]
d3.sum() 计算和
d3.mean() 获取数组的均值
d3.median() 获取数组的中位数
d3.quantile() 类似比例尺计算

var a = [0, 10, 30];
d3.quantile(a, 0); // 0
d3.quantile(a, 0.5); // 10
d3.quantile(a, 1); // 30
d3.quantile(a, 0.25); // 5
d3.quantile(a, 0.75); // 20
d3.quantile(a, 0.1); // 2

d3.variance() 求方差
d3.deviation() 求标准差

查找类

d3.scan()
d3.d3.bisectLeft(array, x[, lo[, hi]]) 返回x在数组中应该被插入的位置并保证数组的有序性,如果数组中已经存在x,则插入点的位置位于这个已经存在的元素之前
d3.bisect()
d3.bisectRight() 与bisectLeft类似, 但是插入点的位置是从右向左计算的.
d3.bisector()

数组变换

d3.cross()
d3.shuffle(array) 将数据重新随机
d3.pairs(array)

d3.pairs([1, 2, 3, 4]); // returns [[1, 2], [2, 3], [3, 4]]

d3.permute(arrayA,arrayB) 根据指定索引数组,返回排序后的数组

d3.permute(["a", "b", "c"], [1, 2, 0])  // ["b", "c", "a"].

d3.ticks(start, stop, count) 在start和stop之间计算出一个等间隔的、精确的刻度序列
d3.tickStep(start, stop, count)根据start和stop以及count返回刻度的间隔大小
d3.range([start, ]stop[, step])

d3.range(0, 1, 1 / 49); // BAD: returns 50 elements!
d3.range(49).map(function(d) { return d / 49; }); // GOOD: returns 49 elements.

d3.transpose() 使用zip操作进行矩阵转置.
d3.zip() 数组重合并

d3.zip([1, 2], [3, 4]); // returns [[1, 3], [2, 4]]

3 d3数据类型

4 d3数据格式化

相关文章

  • d3.js

    D3是什么? D3: 是Data-Driven Documents(数据驱动文档)的简称。 D3(或D3.js) ...

  • freeCodeCamp 旅途17 - D3

    D3 D3.js,也叫 D3,表示数据驱动文档。 D3 是一个在浏览器里创建动态可视化数据的 JavaScript...

  • d3之绑定数据

    d3全称是data driven documention 数据推动DOM,所以绑定数据是d3里面最最核心的部分。 ...

  • d3学习

    2. 我为什么用D3? 1)结合HTML,SVG,CSS,D3可以图形化的,生动的展现数据。是目前最流行的数据可视...

  • D3数据可视化-General Update Pattern

    D3 是 Data Driven Documents 的简称,意思是数据驱动文档。D3 可以帮助我们自动化地操作 ...

  • 如何自学 D3

    在数据可视化的世界中,D3 可谓极其耀眼的明星。很多人着迷于 D3 那近乎无限可能的图形开发能力,而又被 D3 那...

  • 第三章 d3数据

    1 js数组方法 1. JavaScript中修改数组自身的方法: array.pop - 移除最后一个元素. a...

  • D3 学习笔记

    D3 是什么? D3 的全称是(Data-Driven Documents),顾名思义可以知道是一个被数据驱动的文...

  • d3.js 基础 - 一个数据可视化相关的 javascript

    2016-04-07 本文谈谈 d3 中的数据绑定、scale、坐标轴。 一、d3.js 介绍 1. d3 是什么...

  • Manipulating data like a boss wi

    数据准备 https://github.com/leicj/d3/blob/master/src/componen...

网友评论

      本文标题:第三章 d3数据

      本文链接:https://www.haomeiwen.com/subject/qturjxtx.html