D3 是一组旨在协同工作的模块;您可以独立使用这些模块,也可以将它们作为默认构建的一部分一起使用。每个模块的源代码和文档都可以在其存储库中找到。请按照以下链接了解更多信息。有关主要版本之间的更改,请参阅CHANGES;另请参阅发行说明和3.x 参考。
- 数组(统计、搜索、迭代、集合、转换、直方图、实习)
- 轴
- 画笔
- 和弦
- 颜色
- 配色方案
- 轮廓
- Voronoi 图
- 派遣
- 拖动
- 分隔符分隔值
- 宽松
- 获取
- 势力
- 数字格式
- 地理(路径、投影、球面数学、球面形状、流、变换)
- 层次结构
- 插值器
- 路径
- 多边形
- 四叉树
- 随机数
- 尺度(连续、顺序、发散、量化、有序)
- 选择(选择、修改、数据、事件、控制、局部变量、命名空间)
- 形状(弧、饼、线、面积、曲线、链接、符号、堆栈)
- 时间格式
- 时间间隔
- 计时器
- 过渡
- 缩放
D3 使用语义版本控制。当前版本公开为 d3.version。
数组(d3-array)
数组操作、排序、搜索、汇总等。
统计数据
计算基本汇总统计的方法。
- d3.min - 计算迭代中的最小值。
- d3.minIndex - 计算迭代中最小值的索引。
- d3.max - 计算迭代中的最大值。
- d3.maxIndex - 计算迭代中最大值的索引。
- d3.extent - 计算迭代中的最小值和最大值。
- d3.sum - 计算可迭代数字的总和。
- d3.mean - 计算可迭代数字的算术平均值。
- d3.median - 计算可迭代数字的中位数(0.5 分位数)。
- d3.mode - 计算可迭代数字的模式(最常见的值)。
- d3.cumsum - 计算可迭代对象的累积和。
- d3.quantile - 计算可迭代数字的分位数。
- d3.quantileSorted - 计算排序的数字数组的分位数。
- d3.variance - 计算可迭代数字的方差。
- d3.deviation - 计算可迭代数字的标准偏差。
- d3.fcumsum - 计算数字的全精度累积总和。
- d3.fsum - 计算可迭代数字的全精度总和。
- 新的 d3.Adder - 创建一个全精度加法器。
- adder .add - 向加法器添加一个值。
- adder .valueOf - 返回加法器值的双精度表示。
搜索
搜索特定元素的数组的方法。
- d3.least - 返回可迭代的最少元素。
- d3.leastIndex - 返回可迭代的最小元素的索引。
- d3.greatest - 返回可迭代对象的最大元素。
- d3.greatestIndex - 返回可迭代的最大元素的索引。
- d3.bisectCenter - 二分搜索排序数组中的值。
- d3.bisectLeft - 二分查找排序数组中的值。
- d3.bisect - 二分查找排序数组中的值。
- d3.bisectRight - 二分查找排序数组中的值。
- d3.bisector - 使用访问器或比较器进行二等分。
- 平分.center -在排序后的数组值二进制搜索。
- 平分。左- bisectLeft,与给定的比较。
- 平分.right - bisectRight,与给定的比较。
- d3.quickselect - 重新排列数字数组。
- d3.ascending - 计算两个值的自然顺序。
- d3.descending - 计算两个值的自然顺序。
转型
转换数组和生成新数组的方法。
- d3.flatGroup - 将一个可迭代对象分组为一个平面数组。
- d3.flatRollup - 将可迭代对象缩减为平面数组。
- d3.group - 将一个可迭代对象分组到一个嵌套的 Map 中。
- d3.groups - 将一个可迭代对象分组到一个嵌套数组中。
- d3.groupSort - 根据分组值对键进行排序。
- d3.index - 将可迭代对象索引到嵌套 Map 中。
- d3.indexes - 将可迭代对象索引到嵌套数组中。
- d3.rollup - 将可迭代对象缩减为嵌套 Map。
- d3.rollups - 将可迭代对象减少为嵌套数组。
- d3.count - 计算可迭代对象中的有效数值。
- d3.cross - 计算两个迭代的笛卡尔积。
- d3.merge - 将多个可迭代对象合并为一个数组。
- d3.pairs - 创建相邻元素对的数组。
- d3.permute - 根据可迭代的索引对元素的可迭代重新排序。
- d3.shuffle - 随机化迭代的顺序。
- d3.shuffler - 随机化迭代的顺序。
- d3.ticks - 从数字区间生成代表值。
- d3.tickIncrement - 从数字区间生成代表值。
- d3.tickStep - 从数字区间生成代表值。
- d3.nice - 延长间隔以与刻度对齐。
- d3.range - 生成一系列数值。
- d3.transpose - 转置数组数组。
- d3.zip - 转置可变数量的数组。
可迭代对象
- d3.every - 测试所有值是否满足条件。
- d3.some - 测试是否有任何值满足条件。
- d3.filter - 过滤值。
- d3.map - 地图值。
- d3.reduce - 减少值。
- d3.reverse - 反转值的顺序。
- d3.sort - 排序值。
套
- d3.difference - 计算集差。
- d3.disjoint - 测试两个集合是否不相交。
- d3.intersection - 计算一个集合交集。
- d3.superset - 测试一个集合是否是另一个集合的超集。
- d3.subset - 测试一个集合是否是另一个集合的子集。
- d3.union - 计算集合联合。
直方图
将离散样本划分为连续的、非重叠的区间。
- d3.bin - 创建一个新的 bin 生成器。
- bin - 对给定的样本数组进行分箱。
- bin .value - 为每个样本指定一个值访问器。
- bin .domain - 指定可观察值的间隔。
- bin .thresholds - 指定如何将值划分为 bin。
- d3.thresholdFreedmanDiaconis - Freedman-Diaconis 分箱规则。
- d3.thresholdScott - Scott 的正常参考分箱规则。
- d3.thresholdSturges - Sturges 的分箱公式。
实习
- d3.InternMap - 一个关键的实习地图。
- d3.InternSet - 一个价值实习集。
轴(d3 轴)
刻度的人类可读参考标记。
- d3.axisTop - 创建一个新的面向顶部的轴生成器。
- d3.axisRight - 创建一个新的右向轴生成器。
- d3.axisBottom - 创建一个新的面向底部的轴生成器。
- d3.axisLeft - 创建一个新的向左轴生成器。
- 轴- 为给定的选择生成一个轴。
- axis .scale - 设置比例。
- axis .ticks - 自定义刻度的生成和格式。
- axis .tickArguments - 自定义刻度的生成和格式。
- axis .tickValues - 明确设置刻度值。
- axis .tickFormat - 明确设置刻度格式。
- axis .tickSize - 设置刻度的大小。
- axis .tickSizeInner - 设置内部刻度的大小。
- axis .tickSizeOuter - 设置外部(范围)刻度的大小。
- axis .tickPadding - 设置刻度和标签之间的填充。
- axis .offset - 设置清晰边缘的像素偏移。
刷子(d3-brush)
使用鼠标或触摸选择一维或二维区域。
- d3.brush - 创建一个新的二维画笔。
- d3.brushX - 沿x维度创建画笔。
- d3.brushY - 沿y维度创建画笔。
- 画笔- 将画笔应用于选区。
- Brush .move - 移动画笔选择。
- Brush .clear - 清除画笔选择。
- Brush .extent - 定义可刷区域。
- Brush .filter - 控制哪些输入事件启动刷亮。
- Brush .touchable - 设置触摸支持检测器。
- 刷.keyModifiers - 启用或禁用按键交互。
- Brush .handleSize - 设置画笔手柄的大小。
- Brush .on - 监听画笔事件。
- d3.brushSelection - 获取给定节点的画笔选择。
和弦 (d3-chord)
- d3.chord - 创建一个新的和弦布局。
- chord - 计算给定矩阵的布局。
- chord .padAngle - 设置相邻组之间的填充。
- chord .sortGroups - 定义组顺序。
- chord .sortSubgroups - 定义组内的源和目标顺序。
- chord .sortChords - 定义跨组的和弦顺序。
- d3.chordDirected - 创建一个有向和弦发生器。
- d3.chordTranspose - 创建一个移调和弦生成器。
- d3.ribbon - 创建一个色带形状生成器。
- 丝带- 生成丝带形状。
- Ribbon .source - 设置源访问器。
- Ribbon .target - 设置目标访问器。
- Ribbon .radius - 设置色带源和目标半径。
- ribbon .sourceRadius - 设置色带源半径。
- 功能区.targetRadius - 设置功能区目标半径。
- ribbon .startAngle - 设置色带源或目标开始角度。
- Ribbon .endAngle - 设置色带源或目标结束角度。
- ribbon .padAngle - 设置垫角访问器。
- ribbon .context - 设置渲染上下文。
- d3.ribbonArrow - 创建一个箭头带生成器。
- ribbonArrow .headRadius - 设置箭头半径访问器。
颜色(d3-color)
颜色处理和颜色空间转换。
- d3.color - 解析给定的 CSS 颜色说明符。
- color .opacity - 颜色的不透明度。
- color .rgb - 计算此颜色的 RGB 等效值。
- color .copy - 返回此颜色的副本。
- color .brighter - 创建此颜色的更亮副本。
- color .darker - 创建此颜色的较暗副本。
- color .displayable - 如果颜色可在标准硬件上显示,则返回 true。
- color .formatHex - 返回此颜色的十六进制 RGB 字符串表示形式。
- color .formatHsl - 返回此颜色的 RGB 字符串表示。
- color .formatRgb - 返回此颜色的 HSL 字符串表示形式。
- color .toString - 返回此颜色的 RGB 字符串表示形式。
- d3.rgb - 创建一个新的 RGB 颜色。
- d3.hsl - 创建新的 HSL 颜色。
- d3.lab - 创建一个新的 Lab 颜色。
- d3.gray - 创建一个新的实验室灰色。
- d3.hcl - 创建新的 HCL 颜色。
- d3.lch - 创建新的 HCL 颜色。
- d3.cubehelix - 创建一个新的 Cubehelix 颜色。
配色方案(d3-scale-chromium)
用于定量、有序和分类尺度的色带和调色板。
分类的
- d3.schemeCategory10 - 十种分类颜色的数组。
- d3.schemeAccent - 八种分类颜色的数组。
- d3.schemeDark2 - 八种分类颜色的数组。
- d3.schemePaired - 十二种分类颜色的数组。
- d3.schemePastel1 - 九种分类颜色的数组。
- d3.schemePastel2 - 八种分类颜色的数组。
- d3.schemeSet1 - 九种分类颜色的数组。
- d3.schemeSet2 - 八种分类颜色的数组。
- d3.schemeSet3 - 十二种分类颜色的数组。
- d3.schemeTableau10 - 十种分类颜色的数组。
发散
- d3.interpolateBrBG - ColorBrewer BrBG 插值器。
- d3.interpolatePiYG - ColorBrewer PiYG 插值器。
- d3.interpolatePRGn - ColorBrewer PRGn 插值器。
- d3.interpolatePuOr - ColorBrewer PuOr 插值器。
- d3.interpolateRdBu - ColorBrewer RdBu 插值器。
- d3.interpolateRdGy - ColorBrewer RdGy 插值器。
- d3.interpolateRdYlBu - ColorBrewer RdYlBu 插值器。
- d3.interpolateRdYlGn - ColorBrewer RdYlGn 插值器。
- d3.interpolateSpectral - ColorBrewer 光谱插值器。
- d3.schemeBrBG - ColorBrewer BrBG 方案。
- d3.schemePiYG - ColorBrewer PiYG 方案。
- d3.schemePRGn - ColorBrewer PRGn 方案。
- d3.schemePuOr - ColorBrewer PuOr 方案。
- d3.schemeRdBu - ColorBrewer RdBu 方案。
- d3.schemeRdGy - ColorBrewer RdGy 方案。
- d3.schemeRdYlBu - ColorBrewer RdYlBu 方案。
- d3.schemeRdYlGn - ColorBrewer RdYlGn 方案。
- d3.schemeSpectral - ColorBrewer 光谱方案。
顺序(单一色调)
- d3.interpolateBlues -
- d3.interpolateGreens -
- d3.interpolateGreys -
- d3.interpolateOranges -
- d3.interpolatePurples -
- d3.interpolateReds -
- d3.schemeBlues -
- d3.schemeGreens -
- d3.schemeGreys -
- d3.schemeOranges -
- d3.schemePurples -
- d3.schemeReds -
顺序(多色调)
- d3.interpolateBuGn - ColorBrewer BuGn 插值器。
- d3.interpolateBuPu - ColorBrewer BuPu 插值器。
- d3.interpolateCividis - cividis 插值器。
- d3.interpolateCool - 很酷的插值器。
- d3.interpolateCubehelixDefault - 立方体螺旋插值器。
- d3.interpolateGnBu - ColorBrewer GnBu 插值器。
- d3.interpolateInferno - 地狱插值器。
- d3.interpolateMagma - 岩浆内插器。
- d3.interpolateOrRd - ColorBrewer OrRd 插值器。
- d3.interpolatePlasma - 等离子插值器。
- d3.interpolatePuBu - ColorBrewer PuBu 插值器。
- d3.interpolatePuBuGn - ColorBrewer PuBuGn 插值器。
- d3.interpolatePuRd - ColorBrewer PuRd 插值器。
- d3.interpolateRdPu - ColorBrewer RdPu 插值器。
- d3.interpolateTurbo - 涡轮插值器。
- d3.interpolateViridis - viridis 插值器。
- d3.interpolateWarm - 暖插值器。
- d3.interpolateYlGn - ColorBrewer YlGn 插值器。
- d3.interpolateYlGnBu - ColorBrewer YlGnBu 插值器。
- d3.interpolateYlOrBr - ColorBrewer YlOrBr 插值器。
- d3.interpolateYlOrRd - ColorBrewer YlOrRd 插值器。
- d3.schemeBuGn - ColorBrewer BuGn 方案。
- d3.schemeBuPu - ColorBrewer BuPu 方案。
- d3.schemeGnBu - ColorBrewer GnBu 方案。
- d3.schemeOrRd - ColorBrewer OrRd 方案。
- d3.schemePuBu - ColorBrewer PuBu 方案。
- d3.schemePuBuGn - ColorBrewer PuBuGn 方案。
- d3.schemePuRd - ColorBrewer PuRd 方案。
- d3.schemeRdPu - ColorBrewer RdPu 方案。
- d3.schemeYlGn - ColorBrewer YlGn 方案。
- d3.schemeYlGnBu - ColorBrewer YlGnBu 方案。
- d3.schemeYlOrBr - ColorBrewer YlOrBr 方案。
- d3.schemeYlOrRd - ColorBrewer YlOrRd 方案。
周期性
- d3.interpolateRainbow - “不那么愤怒”的彩虹
- d3.interpolateSinebow - “sinebow”平滑彩虹
轮廓 (d3-contour)
使用行进方块计算轮廓多边形。
- d3.contours - 创建一个新的轮廓生成器。
- 轮廓- 计算给定值网格的轮廓。
- 轮廓.contour - 计算给定值的轮廓。
- contours .size - 设置轮廓生成器的大小。
- contours .smooth - 设置生成的轮廓是否平滑。
- 轮廓.thresholds - 设置轮廓生成器的阈值。
- d3.contourDensity - 创建一个新的密度估计器。
- 密度- 估计给定样本阵列的密度。
- 密度.x - 设置密度估计器的x访问器。
- density .y - 设置密度估计器的y访问器。
- density .weight - 设置密度估计器的权重访问器。
- density.size - set the size of the density estimator.
- density.cellSize - set the cell size of the density estimator.
- density.thresholds - set the thresholds of the density estimator.
- density.bandwidth - set the bandwidth of the density estimator.
Voronoi Diagrams (d3-delaunay)
Compute the Voronoi diagram of a set of two-dimensional points.
- new Delaunay - create a delaunay triangulation for an array of point coordinates.
- Delaunay.from - create a delaunay triangulation for an iterable of points.
- delaunay.points - the coordinates of the points.
- delaunay.halfedges - the delaunay halfedges.
- delaunay .hull - 作为点索引的凸包。
- delaunay .triangles - delaunay 三角形。
- delaunay .inedges - delaunay inedges
- delaunay .find - 在 delaunay 三角剖分中找到最近的点。
- delaunay .neighbors - delaunay 三角剖分中点的邻居。
- delaunay .render - 渲染 delaunay 三角剖分的边缘。
- delaunay .renderHull - 渲染凸包。
- delaunay .renderTriangle - 渲染一个三角形。
- delaunay .renderPoints - 渲染点。
- delaunay .hullPolygon - 作为点坐标的封闭凸包。
- delaunay .trianglePolygons - 将所有三角形迭代为多边形。
- delaunay .trianglePolygon - 将三角形作为多边形返回。
- delaunay .update - 更新一个 delaunay 三角剖分。
- delaunay .voronoi - 计算与 delaunay 三角剖分相关的 voronoi 图。
- voronoi .delaunay - voronoi 图的源 delaunay 三角剖分。
- voronoi .circumcenters - 三角形的外心。
- voronoi .vectors - voronoi 图的外部(无限)单元的方向。
- voronoi .xmin - 设置范围的xmin界限。
- voronoi .ymin - 设置范围的ymin界限。
- voronoi .xmax - 设置范围的xmax界限。
- voronoi .ymax - 设置范围的ymax界限。
- voronoi .contains - 测试点是否在 voronoi 单元格内。
- voronoi .neighbors - voronoi 图中某个点的邻居。
- voronoi .render - 渲染 voronoi 细胞的网格。
- voronoi .renderBounds - 渲染范围。
- voronoi .renderCell - 渲染一个 voronoi 单元格。
- voronoi .cellPolygons - 将所有单元格迭代为多边形。
- voronoi .cellPolygon - 以多边形形式返回一个单元格。
- voronoi .update -就地更新 voronoi 图。
调度(d3-调度)
使用命名回调分离关注点。
- d3.dispatch - 创建自定义事件调度程序。
- dispatch .on - 注册或取消注册一个事件监听器。
- dispatch .copy - 创建调度程序的副本。
- dispatch .call - 将事件分派给注册的侦听器。
- dispatch .apply - 将事件分派给注册的侦听器。
拖动(d3-拖动)
使用鼠标或触摸输入拖放 SVG、HTML 或 Canvas。
- d3.drag - 创建拖动行为。
- 拖动- 将拖动行为应用于选择。
- 拖动.container - 设置坐标系。
- 拖动.filter - 忽略一些启动输入事件。
- 拖动.touchable - 设置触摸支持检测器。
- 拖动.subject - 设置被拖动的东西。
- 拖动.clickDistance - 设置点击距离阈值。
- drag .on - 监听拖动事件。
- d3.dragDisable - 防止原生拖放和文本选择。
- d3.dragEnable - 启用本机拖放和文本选择。
- event .on - 监听当前手势上的拖动事件。
分隔符分隔值 (d3-dsv)
解析和格式化分隔符分隔的值,最常见的是 CSV 和 TSV。
- d3.csvParse - 解析给定的 CSV 字符串,返回一个对象数组。
- d3.csvParseRows - 解析给定的 CSV 字符串,返回一个行数组。
- d3.csvFormat - 将给定的对象数组格式化为 CSV。
- d3.csvFormatBody - 将给定的对象数组格式化为 CSV。
- d3.csvFormatRows - 将给定的行数组格式化为 CSV。
- d3.csvFormatRow - 将给定行格式化为 CSV。
- d3.csvFormatValue - 将给定值格式化为 CSV。
- d3.tsvParse - 解析给定的 TSV 字符串,返回一个对象数组。
- d3.tsvParseRows - 解析给定的 TSV 字符串,返回一个行数组。
- d3.tsvFormat - 将给定的对象数组格式化为 TSV。
- d3.tsvFormatBody - 将给定的对象数组格式化为 TSV。
- d3.tsvFormatRows - 将给定的行数组格式化为 TSV。
- d3.tsvFormatRow - 将给定行格式化为 TSV。
- d3.tsvFormatValue - 将给定值格式化为 TSV。
- d3.dsvFormat - 为给定的分隔符创建一个新的解析器和格式化程序。
- dsv .parse - 解析给定的字符串,返回一个对象数组。
- dsv .parseRows - 解析给定的字符串,返回一个行数组。
- dsv .format - 格式化给定的对象数组。
- dsv .formatBody - 格式化给定的对象数组。
- dsv .formatRows - 格式化给定的行数组。
- dsv .formatRow - 格式化给定的行。
- dsv .formatValue - 格式化给定值。
- d3.autoType - 自动推断给定对象的值类型。
缓动(d3-缓动)
用于平滑动画的缓动功能。
- 缓解- 缓解给定的标准化时间。
- d3.easeLinear - 线性缓动;身份函数。
- d3.easePolyIn - 多项式缓动;将时间提高到给定的功率。
- d3.easePolyOut - 反向多项式缓动。
- d3.easePoly - easePolyInOut的别名。
- d3.easePolyInOut - 对称多项式缓动。
- poly .exponent - 指定多项式指数。
- d3.easeQuadIn - 二次缓动;平方时间。
- d3.easeQuadOut - 反向二次缓动。
- d3.easeQuad -easeQuadInOut的别名。
- d3.easeQuadInOut - 对称二次缓动。
- d3.easeCubicIn - 三次缓动;立方体时间。
- d3.easeCubicOut - 反向三次缓动。
- d3.easeCubic -easeCubicInOut的别名。
- d3.easeCubicInOut - 对称三次缓动。
- d3.easeSinIn - 正弦缓动。
- d3.easeSinOut - 反向正弦缓动。
- d3.easeSin - easeSinInOut的别名。
- d3.easeSinInOut - 对称正弦缓动。
- d3.easeExpIn - 指数缓动。
- d3.easeExpOut - 反向指数缓动。
- d3.easeExp -easeExpInOut的别名。
- d3.easeExpInOut - 对称指数缓动。
- d3.easeCircleIn - 循环缓动。
- d3.easeCircleOut - 反向循环缓动。
- d3.easeCircle -easeCircleInOut的别名。
- d3.easeCircleInOut - 对称圆形缓动。
- d3.easeElasticIn - 弹性缓动,就像橡皮筋一样。
- d3.easeElastic - easeElasticOut的别名。
- d3.easeElasticOut - 反向弹性缓动。
- d3.easeElasticInOut - 对称弹性缓动。
- elastic .amplitude - 指定弹性振幅。
- elastic .period - 指定弹性周期。
- d3.easeBackIn - 预期缓和,就像舞者在跳跃前弯曲膝盖一样。
- d3.easeBackOut - 反向预期宽松。
- d3.easeBack -easeBackInOut的别名。
- d3.easeBackInOut - 对称预期缓动。
- back .overshoot - 指定过冲量。
- d3.easeBounceIn - 弹跳缓动,就像一个橡皮球。
- d3.easeBounce - easeBounceOut的别名。
- d3.easeBounceOut - 反向反弹缓动。
- d3.easeBounceInOut - 对称反弹缓动。
获取(d3-fetch)
Fetch API 之上的便捷方法。
- d3.blob - 以 blob 形式获取文件。
- d3.buffer - 获取文件作为数组缓冲区。
- d3.csv - 获取逗号分隔值 (CSV) 文件。
- d3.dsv - 获取分隔符分隔值 (CSV) 文件。
- d3.html - 获取一个 HTML 文件。
- d3.image - 获取图像。
- d3.json - 获取 JSON 文件。
- d3.svg - 获取一个 SVG 文件。
- d3.text - 获取纯文本文件。
- d3.tsv - 获取制表符分隔值 (TSV) 文件。
- d3.xml - 获取一个 XML 文件。
力(d3-力)
使用速度 Verlet 集成的力导向图布局。
- d3.forceSimulation - 创建一个新的力模拟。
- 模拟.restart - 重新加热并重新启动模拟的计时器。
- 模拟.stop - 停止模拟的计时器。
- 模拟.tick - 将模拟推进一步。
- 模拟.nodes - 设置模拟的节点。
- 模拟.alpha - 设置当前的 alpha。
- 模拟.alphaMin - 设置最小 alpha 阈值。
- 模拟.alphaDecay - 设置 alpha 指数衰减率。
- 模拟.alphaTarget - 设置目标 alpha。
- 模拟.velocityDecay - 设置速度衰减率。
- 模拟.force - 添加或删除力。
- 模拟.find - 找到离给定位置最近的节点。
- 模拟.randomSource - 设置模拟的随机源。
- 模拟.on - 添加或删除事件侦听器。
- force - 施加力。
- force .initialize - 用给定的节点初始化力。
- d3.forceCenter - 创建一个定心力。
- center .x - 设置中心x坐标。
- center .y - 设置中心y坐标。
- center .strength - 设置定心力的强度。
- d3.forceCollide - 创建一个圆形碰撞力。
- 碰撞.radius - 设置圆半径。
- 碰撞.strength - 设置碰撞解决强度。
- 碰撞.iterations - 设置迭代次数。
- d3.forceLink - 创建链接力。
- link .links - 设置链接数组。
- link .id - 按数字索引或字符串标识符链接节点。
- link .distance - 设置链接距离。
- link .strength - 设置链接强度。
- link .iterations - 设置迭代次数。
- d3.forceManyBody - 创建一个多体力。
- manyBody .strength - 设置力的强度。
- manyBody .theta - 设置 Barnes-Hut 近似精度。
- manyBody .distanceMin - 当节点靠近时限制力。
- manyBody .distanceMax - 当节点很远时限制力。
- d3.forceX - 创建一个x 定位力。
- x .strength - 设置力的强度。
- x .x - 设置目标x坐标。
- d3.forceY - 创建一个y 定位力。
- y .strength - 设置力的强度。
- y .y - 设置目标y坐标。
- d3.forceRadial - 创建径向定位力。
- 径向.strength - 设置力的强度。
- 径向.radius - 设置目标半径。
- 径向.x - 设置目标中心x坐标。
- 径向.y - 设置目标中心y坐标。
数字格式(d3 格式)
格式化数字供人类使用。
- d3.format -默认语言环境中语言环境.format 的别名。
- d3.formatPrefix -默认语言环境中语言环境.formatPrefix 的别名。
- locale .format - 创建数字格式。
- locale .formatPrefix - 创建 SI 前缀数字格式。
- d3.formatSpecifier - 解析数字格式说明符。
- 新的 d3.FormatSpecifier - 增加了一个数字格式说明符对象。
- d3.precisionFixed - 计算定点表示法的十进制精度。
- d3.precisionPrefix - 计算 SI 前缀表示法的十进制精度。
- d3.precisionRound - 计算四舍五入表示法的有效数字。
- d3.formatLocale - 定义自定义语言环境。
- d3.formatDefaultLocale - 定义默认语言环境。
地理 (d3-geo)
地理投影、形状和数学。
路径
- d3.geoPath - 创建一个新的地理路径生成器。
- 路径- 投影并渲染指定的功能。
- path .area - 计算给定特征的投影平面面积。
- path .bounds - 计算给定特征的投影平面边界框。
- path .centroid - 计算给定特征的投影平面质心。
- path .measure - 计算给定特征的投影平面长度。
- path .projection - 设置地理投影。
- path .context - 设置渲染上下文。
- path .pointRadius - 设置半径以显示点特征。
预测
- 投影- 将指定点从球体投影到平面。
- 投影.invert - 将指定点从平面取消投影到球体。
- 投影.stream - 将指定的流包装到投影几何体。
- 投影.preclip - 设置投影的球面裁剪函数。
- 投影.postclip - 设置投影的笛卡尔裁剪函数。
- 投影.clipAngle - 设置剪辑圆的半径。
- 投影.clipExtent - 设置视口剪辑范围,以像素为单位。
- 投影.scale - 设置比例因子。
- 投影.translate - 设置平移偏移。
- 投影.center - 设置中心点。
- 投影.angle - 设置投影后旋转。
- 投影.reflectX - 反映x维度。
- 投影.reflectY - 反映y维度。
- 投影.rotate - 设置三轴球面旋转角度。
- 投影.precision - 设置自适应采样的精度阈值。
- 投影.fitExtent - 设置比例并转换以适合 GeoJSON 对象。
- 投影.fitSize - 设置比例并转换以适合 GeoJSON 对象。
- 投影.fitWidth - 设置比例并转换以适合 GeoJSON 对象。
- 投影.fitHeight - 设置比例并转换以适合 GeoJSON 对象。
- d3.geoAzimuthalEqualArea - 方位角等面积投影。
- d3.geoAzimuthalEqualAreaRaw - 原始方位角等面积投影。
- d3.geoAzimuthalEquidistant - 方位角等距投影。
- d3.geoAzimuthalEquidistantRaw - 原始方位角等距投影。
- d3.geoGnomonic -地心投影。
- d3.geoGnomonicRaw - 原始的侏儒投影。
- d3.geoOrthographic - 方位角正交投影。
- d3.geoOrthographicRaw - 原始方位角正射投影。
- d3.geoStereographic - 方位立体投影。
- d3.geoStereographicRaw - 原始方位角立体投影。
- d3.geoEqualEarth -等距地球投影。
- d3.geoEqualEarthRaw - 原始的 Equal Earth 投影。
- d3.geoAlbersUsa - 美国的复合阿尔伯斯投影。
- conic .parallels - 设置两个标准平行线。
- d3.geoAlbers - 阿尔伯斯等面积圆锥投影。
- d3.geoConicConformal - 圆锥形等角投影。
- d3.geoConicConformalRaw - 原始圆锥形等角投影。
- d3.geoConicEqualArea - 圆锥等面积 (Albers) 投影。
- d3.geoConicEqualAreaRaw - 原始圆锥等面积 (Albers) 投影。
- d3.geoConicEquidistant - 圆锥等距投影。
- d3.geoConicEquidistantRaw - 原始圆锥等距投影。
- d3.geoEquirectangular - equirectangular (plate carreé) 投影。
- d3.geoEquirectangularRaw - 原始 equirectangular (plate carreé) 投影。
- d3.geoMercator - 球面墨卡托投影。
- d3.geoMercatorRaw - 原始墨卡托投影。
- d3.geoTransverseMercator - 横向球面墨卡托投影。
- d3.geoTransverseMercatorRaw - 原始横向球面墨卡托投影。
- d3.geoNaturalEarth1 - Equal Earth 投影,版本 1。
- d3.geoNaturalEarth1Raw - 原始的 Equal Earth 投影,版本 1
原始预测
- project - 将指定点从球体投影到平面。
- project .invert - 将指定点从平面取消投影到球体。
- d3.geoProjection - 创建自定义投影。
- d3.geoProjectionMutator - 创建一个自定义的可配置投影。
球面数学
- d3.geoArea - 计算给定特征的球面面积。
- d3.geoBounds - 计算给定特征的经纬度边界框。
- d3.geoCentroid - 计算给定特征的球形质心。
- d3.geoDistance - 计算两点之间的大弧距离。
- d3.geoLength - 计算线串的长度或多边形的周长。
- d3.geoInterpolate - 沿大弧线在两点之间进行插值。
- d3.geoContains - 测试一个点是否在给定的特征内。
- d3.geoRotation - 为指定的角度创建一个旋转函数。
- 旋转- 围绕球体旋转给定点。
- 旋转.invert - 不旋转球体周围的给定点。
球形
- d3.geoCircle - 创建一个圆生成器。
- circle - 生成一个分段圆作为多边形。
- circle .center - 在纬度和经度中指定圆的中心。
- circle .radius - 以度为单位指定角半径。
- circle .precision - 指定分段圆的精度。
- d3.geoGraticule - 创建一个经纬网生成器。
- 格线- 生成经线和纬线的 MultiLineString。
- 刻度.lines - 生成经线和纬线的 LineStrings 数组。
- 格线.outline - 生成格线范围的多边形。
- 刻度.extent - 获取或设置主要和次要范围。
- 刻度.extentMajor - 获取或设置主要范围。
- 刻度.extentMinor - 获取或设置次要范围。
- 刻度.step - 获取或设置主要和次要步骤间隔。
- 刻度.stepMajor - 获取或设置主要步长间隔。
- 刻度.stepMinor - 获取或设置小步间隔。
- 刻度.precision - 获取或设置纬度精度。
- d3.geoGraticule10 - 生成默认的 10° 全局经纬网。
流
- d3.geoStream - 将 GeoJSON 对象转换为几何流。
- stream .point - 表示具有指定坐标的点。
- stream .lineStart - 指示行或环的开始。
- stream .lineEnd - 指示行或环的结束。
- stream .polygonStart - 指示多边形的开始。
- stream .polygonEnd - 表示多边形的结束。
- 流.sphere - 表示球体。
变换
- d3.geoTransform - 定义自定义几何变换。
- d3.geoIdentity - 缩放、平移或裁剪平面几何。
剪裁
- preclip - 地理坐标中的预剪裁。
- postclip - 在平面坐标中进行后裁剪。
- d3.geoClipAntimeridian - 切割穿过反子午线的球形几何图形。
- d3.geoClipCircle - 将球形几何图形剪辑成一个小圆圈。
- d3.geoClipRectangle - 将平面几何图形剪辑到矩形视口。
层次结构(d3-hierarchy)
用于可视化分层数据的布局算法。
- d3.hierarchy - 从分层数据构造一个根节点。
- node .ancestors - 生成祖先数组。
- node .descendants - 生成一个后代数组。
- node .leaves - 生成叶子数组。
- node .find - 在层次结构中查找一个节点。
- node .path - 生成到另一个节点的最短路径。
- node .links - 生成链接数组。
- node .sum - 评估和聚合定量值。
- node .count - 计算叶子的数量。
- node .sort - 对所有后代兄弟姐妹进行排序。
- 节点[Symbol.iterator] - 在层次结构上迭代。
- node .each - 广度优先遍历。
- node .eachAfter - 后序遍历。
- 节点.eachBefore - 前序遍历。
- node .copy - 复制层次结构。
- d3.stratify - 创建一个新的分层操作符。
- 分层- 从表格数据构建根节点。
- 分层.id - 设置节点 ID 访问器。
- 分层.parentId - 设置父节点 ID 访问器。
- d3.cluster - 创建一个新的集群(树状图)布局。
- cluster - 在树状图中布置指定的层次结构。
- cluster .size - 设置布局大小。
- cluster .nodeSize - 设置节点大小。
- cluster .separation - 设置叶子之间的间隔。
- d3.tree - 创建一个新的整洁的树布局。
- 树- 在整齐的树中布局指定的层次结构。
- tree .size - 设置布局大小。
- tree .nodeSize - 设置节点大小。
- tree .separation - 设置节点之间的间隔。
- d3.treemap - 创建一个新的树状图布局。
- 树图- 将指定的层次结构布局为树图。
- treemap .tile - 设置平铺方法。
- treemap .size - 设置布局大小。
- treemap .round - 设置输出坐标是否四舍五入。
- treemap .padding - 设置填充。
- treemap .paddingInner - 设置兄弟姐妹之间的填充。
- treemap .paddingOuter - 设置父子之间的填充。
- treemap .paddingTop - 设置父级的顶部边缘和子级之间的填充。
- treemap .paddingRight - 设置父级右边缘和子级之间的填充。
- treemap .paddingBottom - 设置父级底部边缘和子级之间的填充。
- treemap .paddingLeft - 设置父级左边缘和子级之间的填充。
- d3.treemapBinary - 使用平衡二叉树平铺。
- d3.treemapDice - 平铺成水平行。
- d3.treemapSlice - 平铺成垂直列。
- d3.treemapSliceDice - 在切片和切块之间交替。
- d3.treemapSquarify - 使用每个 Bruls等人的平方行平铺。阿尔。
- d3.treemapResquarify - 类似于 d3.treemapSquarify,但执行稳定更新。
- squareify .ratio - 设置所需的矩形纵横比。
- d3.partition - 创建一个新的分区(冰柱或森伯斯特)布局。
- 分区- 将指定的层次结构布局为分区图。
- partition .size - 设置布局大小。
- partition .round - 设置输出坐标是否四舍五入。
- 分区.padding - 设置填充。
- d3.pack - 创建一个新的圆形包装布局。
- pack - 使用圆形包装布局指定的层次结构。
- pack .radius - 设置半径访问器。
- pack .size - 设置布局大小。
- pack .padding - 设置填充。
- d3.packSiblings - 打包指定的圆数组。
- d3.packEnclose - 包围指定的圆数组。
插值器(d3-interpolate)
插入数字、颜色、字符串、数组、对象等等!
- d3.interpolate - 插入任意值。
- d3.interpolateNumber - 内插数字。
- d3.interpolateRound - 内插整数。
- d3.interpolateString - 插入带有嵌入数字的字符串。
- d3.interpolateDate - 插入日期。
- d3.interpolateArray - 插入任意值的数组。
- d3.interpolateNumberArray - 插入数字数组。
- d3.interpolateObject - 插入任意对象。
- d3.interpolateTransformCss - 内插 2D CSS 变换。
- d3.interpolateTransformSvg - 内插 2D SVG 变换。
- d3.interpolateZoom - 在两个视图之间缩放和平移。
- interpolateZoom .rho - 设置缩放插值器的曲率rho。
- d3.interpolateDiscrete - 从一组值生成离散插值器。
- d3.quantize - 从内插器生成均匀间隔的样本。
- d3.interpolateRgb - 内插 RGB 颜色。
- d3.interpolateRgbBasis - 通过一组颜色生成 B 样条。
- d3.interpolateRgbBasisClosed - 通过一组颜色生成封闭的 B 样条。
- d3.interpolateHsl - 内插 HSL 颜色。
- d3.interpolateHslLong - 插值 HSL 颜色,很长的路要走。
- d3.interpolateLab - 内插 Lab 颜色。
- d3.interpolateHcl - 内插 HCL 颜色。
- d3.interpolateHclLong - 内插 HCL 颜色,很长的路要走。
- d3.interpolateCubehelix - 内插 Cubehelix 颜色。
- d3.interpolateCubehelixLong - 内插 Cubehelix 颜色,很长的路要走。
- interpolate .gamma - 在插值期间应用伽马校正。
- d3.interpolateHue - 插入一个色调角。
- d3.interpolateBasis - 通过一组值生成 B 样条。
- d3.interpolateBasisClosed - 通过一组值生成闭合的 B 样条。
- d3.piecewise - 从一组值生成分段线性插值器。
路径(d3-path)
将 Canvas 路径命令序列化为 SVG。
- d3.path - 创建一个新的路径序列化程序。
- path .moveTo - 移动到给定点。
- path .closePath - 关闭当前子路径。
- path .lineTo - 绘制一条直线段。
- path .quadraticCurveTo - 绘制二次贝塞尔线段。
- path .bezierCurveTo - 绘制三次贝塞尔曲线段。
- path .arcTo - 绘制一个圆弧段。
- path .arc - 绘制圆弧段。
- path .rect - 绘制一个矩形。
- path .toString - 序列化为 SVG 路径数据字符串。
多边形(d3-多边形)
二维多边形的几何运算。
- d3.polygonArea - 计算给定多边形的面积。
- d3.polygonCentroid - 计算给定多边形的质心。
- d3.polygonHull - 计算给定点的凸包。
- d3.polygonContains - 测试点是否在多边形内。
- d3.polygonLength - 计算给定多边形周长的长度。
四叉树 (d3-quadtree)
二维递归空间细分。
- d3.quadtree - 创建一个新的空四叉树。
- 四叉树.x - 设置x访问器。
- 四叉树.y - 设置y访问器。
- 四叉树.extent - 扩展四叉树以覆盖范围。
- 四叉树.cover - 扩展四叉树以覆盖一个点。
- 四叉树.add - 将数据添加到四叉树。
- 四叉树.addAll - 将数据数组添加到四叉树。
- 四叉树.remove - 从四叉树中删除一个数据。
- 四叉树.removeAll - 从四叉树中删除一组数据。
- 四叉树.copy - 创建四叉树的副本。
- 四叉树.root - 获取四叉树的根节点。
- 四叉树.data - 从四叉树中检索所有数据。
- quadtree .size - 计算四叉树中的数据数量。
- 四叉树.find - 在四叉树中快速找到最近的数据。
- 四叉树.visit - 有选择地访问四叉树中的节点。
- 四叉树.visitAfter - 访问四叉树中的所有节点。
随机数(d3-random)
从各种分布生成随机数。
- d3.randomUniform - 来自均匀分布。
- d3.randomInt - 来自均匀整数分布。
- d3.randomNormal - 来自正态分布。
- d3.randomLogNormal - 来自对数正态分布。
- d3.randomBates - 来自 Bates 分布。
- d3.randomIrwinHall - 来自 Irwin–Hall 分布。
- d3.randomExponential - 来自指数分布。
- d3.randomPareto - 来自帕累托分布。
- d3.randomBernoulli - 来自伯努利分布。
- d3.randomGeometric - 来自几何分布。
- d3.randomBinomial - 来自二项式分布。
- d3.randomGamma - 来自伽马分布。
- d3.randomBeta - 来自 beta 分布。
- d3.randomWeibull - 来自 Weibull、Gumbel 或 Fréchet 分布。
- d3.randomCauchy - 来自柯西分布。
- d3.randomLogistic - 来自逻辑分布。
- d3.randomPoisson - 来自泊松分布。
- random .source - 设置随机源。
- d3.randomLcg - 种子伪随机数生成器。
秤(d3-scale)
将抽象数据映射到视觉表示的编码。
连续秤
将连续的定量域映射到连续范围。
- 连续- 计算对应于给定域值的范围值。
- 连续.invert - 计算对应于给定范围值的域值。
- 连续.domain - 设置输入域。
- 连续.range - 设置输出范围。
- 连续.rangeRound - 设置输出范围并启用舍入。
- 连续.clamp - 启用对域或范围的钳位。
- 连续.unknown - 设置未知输入的输出值。
- 连续.interpolate - 设置输出插值器。
- 连续.ticks - 从域中计算代表值。
- 连续.tickFormat - 供人类消费的格式刻度。
- 连续.nice - 将域扩展为漂亮的整数。
- 连续.copy - 创建此比例的副本。
- d3.tickFormat - 人类消费的格式刻度。
- d3.scaleLinear - 创建一个定量的线性标度。
- d3.scalePow - 创建一个定量的功率等级。
- pow - 计算对应于给定域值的范围值。
- pow .invert - 计算对应于给定范围值的域值。
- pow .exponent - 设置幂指数。
- pow .domain - 设置输入域。
- pow .range - 设置输出范围。
- pow .rangeRound - 设置输出范围并启用舍入。
- pow .clamp - 启用对域或范围的钳位。
- pow .interpolate - 设置输出插值器。
- pow .ticks - 从域中计算代表值。
- pow .tickFormat - 人类消费的格式刻度。
- pow .nice - 将域扩展为漂亮的整数。
- pow .copy - 创建此比例的副本。
- d3.scaleSqrt - 创建一个指数为 0.5 的定量功率标度。
- d3.scaleLog - 创建一个定量的对数刻度。
- log - 计算对应于给定域值的范围值。
- log .invert - 计算对应于给定范围值的域值。
- log .base - 设置对数底。
- log .domain - 设置输入域。
- log .range - 设置输出范围。
- log .rangeRound - 设置输出范围并启用舍入。
- log .clamp - 启用对域或范围的限制。
- log .interpolate - 设置输出插值器。
- log .ticks - 从域中计算代表值。
- log .tickFormat - 人类消费的格式刻度。
- log .nice - 将域扩展为漂亮的整数。
- log .copy - 创建此比例的副本。
- d3.scaleSymlog - 创建一个对称的对数刻度。
- symlog .constant - 设置符号刻度的常数。
- d3.scaleIdentity - 创建一个身份比例。
- d3.scaleRadial - 创建径向比例尺。
- d3.scaleTime - 创建时间的线性刻度。
- time - 计算对应于给定域值的范围值。
- time .invert - 计算对应于给定范围值的域值。
- time .domain - 设置输入域。
- time .range - 设置输出范围。
- time .rangeRound - 设置输出范围并启用舍入。
- time .clamp - 启用对域或范围的钳位。
- time .interpolate - 设置输出插值器。
- time .ticks - 从域中计算代表值。
- time .tickFormat - 人类消费的格式刻度。
- time .nice - 将域扩展到不错的回合时间。
- time .copy - 创建此比例的副本。
- d3.scaleUtc - 为 UTC 创建一个线性比例。
顺序量表
将连续的定量域映射到连续的固定插值器。
- d3.scaleSequential - 创建一个顺序比例。
- 顺序- 计算对应于输入值的范围值。
- 顺序.domain - 设置输入域。
- 顺序.clamp - 启用对域的钳位。
- 顺序.interpolator - 设置标尺的输出插值器。
- 顺序.range - 设置输出范围。
- 顺序.rangeRound - 设置输出范围并启用舍入。
- 顺序.copy - 创建此比例的副本。
- d3.scaleSequentialLog - 创建对数顺序标度。
- d3.scaleSequentialPow - 创建一个幂序列比例。
- d3.scaleSequentialSqrt - 创建指数为 0.5 的幂序列标度。
- d3.scaleSequentialSymlog - 创建对称对数顺序标度。
- d3.scaleSequentialQuantile - 使用p 分位数变换创建顺序比例。
- sequentialQuantile .quantiles -返回秤的分位数。
不同的尺度
将连续的定量域映射到连续的固定插值器。
- d3.scaleDiverging - 创建一个发散的比例。
- 发散- 计算对应于输入值的范围值。
- 发散.domain - 设置输入域。
- 发散.clamp - 启用对域或范围的钳位。
- diverging .interpolator - 设置标尺的输出插值器。
- diverging .range - 设置输出范围。
- diverging .rangeRound - 设置输出范围并启用舍入。
- 发散.copy - 创建此比例的副本。
- diverging .unknown - 设置未知输入的输出值。
- d3.scaleDivergingLog - 创建一个发散的对数刻度。
- d3.scaleDivergingPow - 创建发散功率标度。
- d3.scaleDivergingSqrt - 创建一个指数为 0.5 的发散功率标度。
- d3.scaleDivergingSymlog - 创建一个发散对称对数尺度。
量化尺度
将连续的定量域映射到离散范围。
- d3.scaleQuantize - 创建一个统一的量化线性标度。
- quantize - 计算对应于给定域值的范围值。
- quantize .invertExtent - 计算对应于给定范围值的域值。
- quantize .domain - 设置输入域。
- quantize .range - 设置输出范围。
- quantize .ticks - 从域中计算代表值。
- quantize .tickFormat - 人类消费的格式刻度。
- quantize .nice - 将域扩展为漂亮的整数。
- quantize .thresholds - 返回域内计算出的阈值数组。
- quantize .copy - 创建此比例的副本。
- d3.scaleQuantile - 创建一个分位数量化线性标度。
- 分位数- 计算对应于给定域值的范围值。
- quantile .invertExtent - 计算对应于给定范围值的域值。
- 分位数.domain - 设置输入域。
- quantile .range - 设置输出范围。
- quantile .quantiles - 获取分位数阈值。
- quantile .copy - 创建此比例的副本。
- d3.scaleThreshold - 创建任意量化线性标度。
- 阈值- 计算对应于给定域值的范围值。
- threshold .invertExtent - 计算对应于给定范围值的域值。
- 阈值.domain - 设置输入域。
- 阈值.range - 设置输出范围。
- 阈值.copy - 创建此比例的副本。
序数
将离散域映射到离散范围。
- d3.scaleOrdinal - 创建一个序数比例。
- ordinal - 计算对应于给定域值的范围值。
- 序号.domain - 设置输入域。
- 序号.range - 设置输出范围。
- 序数.unknown - 设置未知输入的输出值。
- ordinal .copy - 创建此比例的副本。
- d3.scaleImplicit - 隐式域的特殊未知值。
- d3.scaleBand - 创建一个有序的乐队规模。
- band - 计算对应于给定域值的带开始。
- band .domain - 设置输入域。
- band .range - 设置输出范围。
- band .rangeRound - 设置输出范围并启用舍入。
- band .round - 启用舍入。
- band .paddingInner - 设置波段之间的填充。
- band .paddingOuter - 在第一个和最后一个频段之外设置填充。
- band .padding - 设置带外和带之间的填充。
- band .align - 设置波段对齐,如果有额外的空间。
- band .bandwidth - 获取每个频段的宽度。
- band .step - 获取相邻波段起点之间的距离。
- band .copy - 创建此比例的副本。
- d3.scalePoint - 创建一个序数点比例。
- point - 计算与给定域值对应的点。
- point .domain - 设置输入域。
- point .range - 设置输出范围。
- point .rangeRound - 设置输出范围并启用舍入。
- point .round - 启用舍入。
- point .padding - 在第一个和最后一个点之外设置填充。
- point .align - 设置点对齐,如果有额外的空间。
- 点.bandwidth - 返回零。
- point .step - 获取相邻点起点之间的距离。
- point .copy - 创建此比例的副本。
选择(d3-选择)
通过选择元素和加入数据来转换 DOM。
选择元素
- d3.selection - 选择根文档元素。
- d3.select - 从文档中选择一个元素。
- d3.selectAll - 从文档中选择多个元素。
- selection .select - 为每个选定元素选择一个后代元素。
- selection .selectAll - 为每个选定元素选择多个后代。
- selection .filter - 基于数据过滤元素。
- selection .merge - 将此选择与另一个合并。
- selection .selectChild - 为每个选定元素选择一个子元素。
- selection .selectChildren - 为每个选定元素选择子元素。
- selection .selection - 返回选择。
- d3.matcher - 测试元素是否与选择器匹配。
- d3.selector - 选择一个元素。
- d3.selectorAll - 选择元素。
- d3.window - 获取节点的所有者窗口。
- d3.style - 获取节点的当前样式值。
修改元素
- selection .attr - 获取或设置一个属性。
- selection .classed - 获取、添加或删除 CSS 类。
- selection .style - 获取或设置样式属性。
- selection .property - 获取或设置(原始)属性。
- selection .text - 获取或设置文本内容。
- selection .html - 获取或设置内部 HTML。
- selection .append - 创建、追加和选择新元素。
- selection .insert - 创建、插入和选择新元素。
- selection .remove - 从文档中删除元素。
- selection .clone - 插入所选元素的克隆。
- selection .sort - 根据数据对文档中的元素进行排序。
- selection .order - 重新排列文档中的元素以匹配选择。
- selection .raise - 将每个元素重新排序为其父元素的最后一个子元素。
- selection .lower - 将每个元素重新排序为其父元素的第一个子元素。
- d3.create - 创建并选择一个分离的元素。
- d3.creator - 按名称创建元素。
连接数据
- selection .data - 将元素绑定到数据。
- selection .join - 根据数据输入、更新或退出元素。
- selection .enter - 获取输入选择(数据缺失元素)。
- selection .exit - 获取退出选择(缺少数据的元素)。
- selection .datum - 获取或设置元素数据(不连接)。
处理事件
- selection .on - 添加或删除事件侦听器。
- selection .dispatch - 调度自定义事件。
- d3.pointer - 获取事件的指针位置。
- d3.pointers - 获取事件的指针位置。
控制流
- selection .each - 为每个元素调用一个函数。
- selection .call - 用这个选择调用一个函数。
- selection .empty - 如果此选择为空,则返回 true。
- selection .nodes - 返回所有选定元素的数组。
- selection .node - 返回第一个(非空)元素。
- selection .size - 返回元素的数量。
- selection [Symbol.iterator] - 迭代选择的节点。
局部变量
- d3.local - 声明一个新的局部变量。
- local .set - 设置局部变量的值。
- local .get - 获取局部变量的值。
- local .remove - 删除局部变量。
- local .toString - 获取局部变量的属性标识符。
命名空间
- d3.namespace - 限定一个带前缀的 XML 名称,例如“xlink:href”。
- d3.namespaces - 内置的 XML 命名空间。
形状(d3 形状)
用于可视化的图形原语。
弧线
圆形或环形扇区,如饼图或圆环图。
- d3.arc - 创建一个新的弧发生器。
- arc - 为给定的数据生成一个弧。
- arc .centroid - 计算弧的中点。
- arc .innerRadius - 设置内半径。
- arc .outerRadius - 设置外半径。
- arc .cornerRadius - 设置圆角半径。
- arc .startAngle - 设置起始角度。
- arc .endAngle - 设置结束角度。
- arc .padAngle - 设置相邻弧之间的角度,用于填充弧。
- arc .padRadius - 设置线性化填充的半径。
- arc .context - 设置渲染上下文。
馅饼
计算将表格数据集表示为饼图或圆环图所需的角度。
- d3.pie - 创建一个新的饼图生成器。
- pie - 计算给定数据集的弧角。
- pie .value - 设置值访问器。
- pie .sort - 设置排序顺序比较器。
- pie .sortValues - 设置排序顺序比较器。
- pie .startAngle - 设置整体开始角度。
- pie .endAngle - 设置整体结束角度。
- pie .padAngle - 设置相邻弧之间的垫角。
线
样条或折线,如折线图。
- d3.line - 创建一个新的线生成器。
- line - 为给定的数据集生成一条线。
- 第.x行- 设置x访问器。
- line .y - 设置y访问器。
- line .defined - 设置定义的访问器。
- line .curve - 设置曲线插值器。
- line .context - 设置渲染上下文。
- d3.lineRadial - 创建一个新的径向线生成器。
- lineRadial - 为给定的数据集生成一条线。
- lineRadial .angle - 设置角度访问器。
- lineRadial .radius - 设置半径访问器。
- lineRadial .defined - 设置定义的访问器。
- lineRadial .curve - 设置曲线插值器。
- lineRadial .context - 设置渲染上下文。
地区
由边界顶线和基线定义的区域,如面积图所示。
- d3.area - 创建一个新的区域生成器。
- area - 为给定的数据集生成一个区域。
- area .x - 设置x0和x1访问器。
- area .x0 - 设置基线x访问器。
- area .x1 - 设置顶线x访问器。
- area .y - 设置y0和y1访问器。
- area .y0 - 设置基线y访问器。
- area .y1 - 设置顶线y访问器。
- area .defined - 设置定义的访问器。
- area .curve - 设置曲线插值器。
- area .context - 设置渲染上下文。
- area .lineX0 - 为区域的左边缘导出一条线。
- area .lineY0 - 为区域的顶部边缘导出一条线。
- area .lineX1 - 为区域的右边缘导出一条线。
- area .lineY1 - 为区域的底部边缘导出一条线。
- d3.areaRadial - 创建一个新的径向区域生成器。
- areaRadial - 为给定的数据集生成一个区域。
- areaRadial .angle - 设置开始和结束角度访问器。
- areaRadial .startAngle - 设置起始角度访问器。
- areaRadial .endAngle - 设置结束角度访问器。
- areaRadial .radius - 设置内半径和外半径访问器。
- areaRadial .innerRadius - 设置内半径访问器。
- areaRadial .outerRadius - 设置外半径访问器。
- areaRadial .defined - 设置定义的访问器。
- areaRadial .curve - 设置曲线插值器。
- areaRadial .context - 设置渲染上下文。
- areaRadial .lineStartAngle - 为区域的起始边缘导出一条线。
- areaRadial .lineInnerRadius - 为区域的内边缘导出一条线。
- areaRadial .lineEndAngle - 为区域的末端边缘导出一条线。
- areaRadial .lineOuterRadius - 为区域的外边缘导出一条线。
曲线
在点之间进行插值以产生连续的形状。
- d3.curveBasis - 三次基样条,重复端点。
- d3.curveBasisClosed - 封闭的三次基样条。
- d3.curveBasisOpen - 三次基样条。
- d3.curveBundle - 拉直的三次基样条。
- bundle .beta - 设置束张力beta。
- d3.curveBumpX - 具有水平切线的三次贝塞尔样条。
- d3.curveBumpY - 具有垂直切线的三次贝塞尔样条。
- d3.curveCardinal - 三次基数样条,每一端都有一侧差异。
- d3.curveCardinalClosed - 闭合三次基数样条。
- d3.curveCardinalOpen - 三次基数样条。
- cardinal .tension - 设置基本样条张力。
- d3.curveCatmullRom - 三次 Catmull-Rom 样条,每一端都有一侧差异。
- d3.curveCatmullRomClosed - 封闭的三次 Catmull-Rom 样条。
- d3.curveCatmullRomOpen - 三次 Catmull-Rom 样条。
- catmullRom阿尔法-设置的Catmull-ROM参数阿尔法。
- d3.curveLinear - 多段线。
- d3.curveLinearClosed - 闭合多段线。
- d3.curveMonotoneX - 三次样条,给定x 中的单调性,将其保留在y 中。
- d3.curveMonotoneY - 三次样条,给定y 的单调性,将其保留在x 中。
- d3.curveNatural - 自然三次样条。
- d3.curveStep - 分段常数函数。
- d3.curveStepAfter - 分段常数函数。
- d3.curveStepBefore - 分段常数函数。
- curve .areaStart - 开始一个新的区域段。
- curve .areaEnd - 结束当前区域段。
- curve .lineStart - 开始一个新的线段。
- curve .lineEnd - 结束当前线段。
- curve .point - 向当前线段添加一个点。
链接
从源到目标的平滑三次贝塞尔曲线。
- d3.linkVertical - 创建一个新的垂直链接生成器。
- d3.linkHorizontal - 创建一个新的水平链接生成器。
- 链接- 生成链接。
- link .source - 设置源访问器。
- link .target - 设置目标访问器。
- link .x - 设置点x -accessor。
- link .y - 设置点y -accessor。
- link .context - 设置渲染上下文。
- d3.linkRadial - 创建一个新的径向链接生成器。
- linkRadial .angle - 设置点角度访问器。
- linkRadial .radius - 设置点半径访问器。
符号
分类形状编码,如散点图中。
- d3.symbol - 创建一个新的符号生成器。
- 符号- 为给定的数据生成一个符号。
- 符号.type - 设置符号类型。
- 符号.size - 以方形像素为单位设置符号的大小。
- 符号.context - 设置渲染上下文。
- d3.symbols - 内置符号类型数组。
- d3.symbolCircle - 一个圆。
- d3.symbolCross - 一个等长臂的希腊十字架。
- d3.symbolDiamond - 菱形。
- d3.symbolSquare - 一个正方形。
- d3.symbolStar - 五角星(五角星)。
- d3.symbolTriangle - 一个向上的三角形。
- d3.symbolWye - Y 形。
- d3.pointRadial - 给定角度和半径的点的相对坐标。
- symbolType .draw - 将此符号绘制到给定的上下文中。
堆栈
堆叠形状,将一个与另一个相邻放置,如堆叠条形图。
- d3.stack - 创建一个新的堆栈生成器。
- stack - 为给定的数据集生成一个堆栈。
- stack .keys - 设置密钥访问器。
- stack .value - 设置值访问器。
- stack .order - 设置订单访问器。
- stack .offset - 设置偏移访问器。
- d3.stackOrderAppearance - 将最早的系列放在底部。
- d3.stackOrderAscending - 将最小的系列放在底部。
- d3.stackOrderDescending - 将最大的系列放在底部。
- d3.stackOrderInsideOut - 将较早的系列放在中间。
- d3.stackOrderNone - 使用给定的系列顺序。
- d3.stackOrderReverse - 使用给定系列顺序的反向。
- d3.stackOffsetExpand - 将基线归一化为零,将顶线归一化为一。
- d3.stackOffsetDiverging - 大于零的正数;零以下为负。
- d3.stackOffsetNone - 应用零基线。
- d3.stackOffsetSilhouette - 将流图以零为中心。
- d3.stackOffsetWiggle - 最小化流图摆动。
时间格式(d3-time-format)
解析和格式化时间,灵感来自 strptime 和 strftime。
- d3.timeFormat -默认语言环境中语言环境.format 的别名。
- d3.timeParse -默认语言环境中语言环境.parse 的别名。
- d3.utcFormat -默认语言环境中语言环境.utcFormat 的别名。
- d3.utcParse -默认语言环境中语言环境.utcParse 的别名。
- d3.isoFormat - ISO 8601 UTC 格式器。
- d3.isoParse - ISO 8601 UTC 解析器。
- locale .format - 创建一个时间格式化程序。
- locale .parse - 创建一个时间解析器。
- locale .utcFormat - 创建一个 UTC 格式化程序。
- locale .utcParse - 创建一个 UTC 解析器。
- d3.timeFormatLocale - 定义自定义语言环境。
- d3.timeFormatDefaultLocale - 定义默认语言环境。
时间间隔(d3-time)
人类特殊时间约定的计算器。
- d3.timeInterval - 实现一个新的自定义时间间隔。
- interval -间隔.floor 的别名。
- interval .floor - 向下舍入到最近的边界。
- interval .round - 舍入到最近的边界。
- 间隔.ceil - 向上舍入到最近的边界。
- interval .offset - 将日期偏移一定数量的间隔。
- interval .range - 在间隔边界生成一系列日期。
- interval .filter - 创建此间隔的过滤子集。
- interval .every - 创建此间隔的过滤子集。
- interval .count - 计算两个日期之间的间隔边界。
- d3.timeMillisecond , d3.utcMillisecond - 毫秒间隔。
- d3.timeMilliseconds , d3.utcMilliseconds - 毫秒范围的别名。
- d3.timeSecond , d3.utcSecond - 第二个间隔。
- d3.timeSeconds , d3.utcSeconds - second.range 的别名。
- d3.timeMinute , d3.utcMinute - 分钟间隔。
- d3.timeMinutes , d3.utcMinutes - minute.range 的别名。
- d3.timeHour , d3.utcHour - 小时间隔。
- d3.timeHours , d3.utcHours - hour.range 的别名。
- d3.timeDay , d3.utcDay - 天间隔。
- d3.timeDays , d3.utcDays - day.range 的别名。
- d3.timeWeek , d3.utcWeek - 星期日的别名。
- d3.timeWeeks , d3.utcWeeks - week.range 的别名。
- d3.timeSunday , d3.utcSunday - 星期间隔,从星期日开始。
- d3.timeSundays , d3.utcSundays - sunday.range 的别名。
- d3.timeMonday , d3.utcMonday - 每周间隔,从星期一开始。
- d3.timeMondays , d3.utcMondays - monday.range 的别名。
- d3.timeTuesday , d3.utcTuesday - 星期间隔,从星期二开始。
- d3.timeTuesdays , d3.utcTuesdays - tuesday.range 的别名。
- d3.timeWednesday , d3.utcWednesday - 周间隔,从周三开始。
- d3.timeWednesdays , d3.utcWednesdays - wednesday.range 的别名。
- d3.timeThursday , d3.utcThursday - 每周间隔,从星期四开始。
- d3.timeThursdays , d3.utcThursdays - thursday.range 的别名。
- d3.timeFriday , d3.utcFriday - 周间隔,从周五开始。
- d3.timeFridays , d3.utcFridays - friday.range 的别名。
- d3.timeSaturday , d3.utcSaturday - 周间隔,从星期六开始。
- d3.timeSaturdays , d3.utcSaturdays - saturday.range 的别名。
- d3.timeMonth , d3.utcMonth - 月份间隔。
- d3.timeMonths , d3.utcMonths - month.range 的别名。
- d3.timeYear , d3.utcYear - 年份间隔。
- d3.timeYears , d3.utcYears - year.range 的别名。
- d3.timeTicks , d3.utcTicks -
- d3.timeTickInterval , d3.utcTickInterval -
定时器(d3-定时器)
用于管理数千个并发动画的高效队列。
- d3.now - 获取当前的高分辨率时间。
- d3.timer - 安排一个新的计时器。
- timer .restart - 重置计时器的开始时间和回调。
- timer .stop - 停止计时器。
- d3.timerFlush - 立即执行任何符合条件的计时器。
- d3.timeout - 安排一个在第一次回调时停止的计时器。
- d3.interval - 安排一个以可配置周期调用的计时器。
过渡(d3-过渡)
选择的动画过渡。
- selection .transition - 为所选元素安排过渡。
- selection .interrupt - 中断和取消所选元素的转换。
- d3.interrupt - 中断给定节点的活动转换。
- d3.transition - 在根文档元素上安排转换。
- transition .select - 在所选元素上安排过渡。
- transition .selectAll - 在选定元素上安排过渡。
- transition .selectChild - 为每个选定元素选择一个子元素。
- transition .selectChildren - 为每个选定元素选择子元素。
- transition .selection - 返回此过渡的选择。
- transition .filter - 基于数据过滤元素。
- transition .merge - 将此过渡与另一个合并。
- transition .transition - 在这个过渡之后安排一个新的过渡。
- d3.active - 为给定节点选择活动转换。
- transition .attr - 使用默认插值器对给定属性进行补间。
- transition .attrTween - 使用自定义插值器对给定属性进行补间。
- transition .style - 使用默认插值器对给定的样式属性进行补间。
- transition .styleTween - 使用自定义插值器对给定的样式属性进行补间。
- transition .text - 在过渡开始时设置文本内容。
- transition .textTween - 使用自定义插值器对文本进行补间。
- transition .remove - 当过渡结束时删除选定的元素。
- 过渡.tween - 在过渡期间运行自定义代码。
- transition .delay - 以毫秒为单位指定每个元素的延迟。
- transition .duration - 以毫秒为单位指定每个元素的持续时间。
- transition .ease - 指定缓动函数。
- transition .easeVarying - 指定缓动函数工厂。
- transition .end - 在过渡结束时解决的承诺。
- transition .on - 等待过渡结束。
- transition .each - 为每个元素调用一个函数。
- transition .call - 调用具有此转换的函数。
- transition .empty - 如果此过渡为空,则返回 true。
- transition .nodes - 返回所有选定元素的数组。
- transition .node - 返回第一个(非空)元素。
- transition .size - 返回元素的数量。
缩放(d3-zoom)
使用鼠标或触摸输入平移和缩放 SVG、HTML 或 Canvas。
- d3.zoom - 创建缩放行为。
- zoom - 将缩放行为应用于所选元素。
- zoom .transform - 更改所选元素的变换。
- zoom .translateBy - 翻译所选元素的变换。
- zoom .translateTo - 翻译所选元素的变换。
- zoom .scaleBy - 缩放所选元素的变换。
- zoom .scaleTo - 缩放所选元素的变换。
- zoom .constrain - 覆盖变换约束逻辑。
- zoom .filter - 控制哪些输入事件启动缩放。
- zoom .touchable - 设置触摸支持检测器。
- zoom .wheelDelta - 覆盖滚轮事件的缩放比例。
- zoom .extent - 设置视口的范围。
- zoom .scaleExtent - 设置允许的比例范围。
- zoom .translateExtent - 设置可缩放世界的范围。
- zoom .clickDistance - 设置点击距离阈值。
- zoom .tapDistance - 设置点击距离阈值。
- zoom .duration - 设置缩放转换的持续时间。
- zoom .interpolate - 控制缩放转换的插值。
- zoom .on - 监听缩放事件。
- d3.zoomTransform - 获取给定元素的缩放变换。
- transform .scale - 按指定量缩放变换。
- 转换.translate - 按指定量转换转换。
- transform .apply - 将变换应用于给定点。
- transform .applyX - 将变换应用于给定的x坐标。
- transform .applyY - 将变换应用于给定的y坐标。
- transform .invert -不对给定点应用变换。
- transform .invertX -不对给定的x 坐标应用变换。
- transform .invertY -不对给定的y坐标应用变换。
- transform .rescaleX - 将变换应用于x尺度的域。
- transform .rescaleY - 将变换应用于y尺度的域。
- transform .toString - 将转换格式化为 SVG 转换字符串。
- d3.zoomIdentity - 身份转换。