API 索引
D3 是一个模块集合,它们被设计成可以一起工作;您可以独立使用这些模块,或者将它们作为默认构建的一部分一起使用。
d3-array
数组操作、排序、搜索、汇总等。
添加
以完全精度添加浮点值。
- new Adder - 创建一个完全精度的加法器。
- adder.add - 将一个值添加到一个加法器。
- adder.valueOf - 获取加法器值的双精度表示。
- fcumsum - 计算数字的完全精度累积总和。
- fsum - 计算数字可迭代对象的完全精度总和。
箱
将离散样本分箱到连续的、不重叠的间隔中。
- bin - 创建一个新的箱生成器。
- bin - 对给定的样本数组进行分箱。
- bin.value - 为每个样本指定一个值访问器。
- bin.domain - 指定可观察值的间隔。
- bin.thresholds - 指定如何将值划分为箱。
- thresholdFreedmanDiaconis - Freedman-Diaconis 分箱规则。
- thresholdScott - Scott 的正态参考分箱规则。
- thresholdSturges - Sturges 的分箱公式。
二分
快速在排序数组中查找值。
- bisector - 使用访问器或比较器进行二分。
- bisector.right - bisectRight,使用给定的比较器。
- bisector.left - bisectLeft,使用给定的比较器。
- bisector.center - 在排序数组中二分查找值。
- bisect - 在排序数组中二分查找值。
- bisectRight - 在排序数组中二分查找值。
- bisectLeft - 在排序数组中二分查找值。
- bisectCenter - 在排序数组中二分查找值。
模糊
模糊一维或二维中的定量值。
- d3.blur - 模糊数组中的数字。
- d3.blur2 - 模糊二维数组中的数字。
- d3.blurImage - 模糊 RGBA ImageData。
分组
分组离散值。
- d3.group - 将可迭代对象分组到嵌套的 Map 中。
- d3.groups - 将可迭代对象分组到嵌套的数组中。
- d3.rollup - 将可迭代对象简化为嵌套的 Map。
- d3.rollups - 将可迭代对象简化为嵌套的数组。
- d3.index - 将可迭代对象索引到嵌套的 Map 中。
- d3.indexes - 将可迭代对象索引到嵌套的数组中。
- d3.flatGroup - 将可迭代对象分组到扁平数组中。
- d3.flatRollup - 将可迭代对象简化为扁平数组。
- d3.groupSort - 根据分组的值对键进行排序。
内插
创建使用非基本值(如日期)的映射和集合。
- new InternMap - 一个键内插的 Map。
- new InternSet - 一个值内插的 Set。
集合
集合的逻辑运算。
- d3.difference - 计算集合差。
- d3.disjoint - 测试两个集合是否不相交。
- d3.intersection - 计算集合交集。
- d3.superset - 测试一个集合是否为另一个集合的超集。
- d3.subset - 测试一个集合是否为另一个集合的子集。
- d3.union - 计算集合并集。
排序
排序和重新排列值数组。
- d3.ascending - 计算两个值的自然顺序。
- d3.descending - 计算两个值的自然顺序。
- d3.permute - 根据索引的可迭代对象重新排列元素的可迭代对象。
- d3.quickselect - 重新排列数字数组。
- d3.reverse - 反转值的顺序。
- d3.shuffle - 随机化可迭代对象的顺序。
- d3.shuffler - 随机化可迭代对象的顺序。
- d3.sort - 排序值。
汇总
计算汇总统计信息。
- d3.count - 统计可迭代对象中有效数字值的个数。
- d3.min - 计算可迭代对象中的最小值。
- d3.minIndex - 计算可迭代对象中最小值的索引。
- d3.max - 计算可迭代对象中的最大值。
- d3.maxIndex - 计算可迭代对象中最大值的索引。
- d3.least - 返回可迭代对象中的最小元素。
- d3.leastIndex - 返回可迭代对象中最小元素的索引。
- d3.greatest - 返回可迭代对象中的最大元素。
- d3.greatestIndex - 返回可迭代对象中最大元素的索引。
- d3.extent - 计算可迭代对象中的最小值和最大值。
- d3.mode - 计算数字可迭代对象的众数(最常见的值)。
- d3.sum - 计算数字可迭代对象的总和。
- d3.mean - 计算数字可迭代对象的算术平均值。
- d3.median - 计算数字可迭代对象的中位数(0.5-分位数)。
- d3.medianIndex - 计算数字可迭代对象的中位数索引(0.5-分位数)。
- d3.cumsum - 计算可迭代对象的累积总和。
- d3.quantile - 计算数字可迭代对象的分位数。
- d3.quantileIndex - 计算数字可迭代对象的分位数索引。
- d3.quantileSorted - 计算排序的数字数组的分位数。
- d3.rank - 计算可迭代对象的等级排序。
- d3.variance - 计算数字可迭代对象的方差。
- d3.deviation - 计算数字可迭代对象的标准差。
- d3.every - 测试所有值是否满足条件。
- d3.some - 测试是否有任何值满足条件。
刻度
从连续间隔中生成代表性值。
- d3.ticks - 从数字间隔中生成代表性值。
- d3.tickIncrement - 从数字间隔中生成代表性值。
- d3.tickStep - 从数字间隔中生成代表性值。
- d3.nice - 扩展间隔以与刻度对齐。
- d3.range - 生成一系列数字值。
转换
派生新的数组。
- d3.cross - 计算两个可迭代对象的笛卡尔积。
- d3.merge - 将多个可迭代对象合并成一个数组。
- d3.pairs - 创建一个包含相邻元素对的数组。
- d3.transpose - 转置一个数组数组。
- d3.zip - 转置可变数量的数组。
- d3.filter - 过滤值。
- d3.map - 映射值。
- d3.reduce - 减少值。
d3-axis
可读的比例参考标记。
- d3.axisTop - 创建一个新的顶部方向轴生成器。
- d3.axisRight - 创建一个新的右侧方向轴生成器。
- d3.axisBottom - 创建一个新的底部方向轴生成器。
- d3.axisLeft - 创建一个新的左侧方向轴生成器。
- axis - 为给定的选择生成轴。
- 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 - 将画笔应用于选择。
- brush.move - 移动画笔选择。
- brush.clear - 清除画笔选择。
- brush.extent - 定义可刷区域。
- brush.filter - 控制哪些输入事件启动刷动。
- brush.touchable - 设置触摸支持检测器。
- brush.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 - 生成色带形状。
- ribbon.source - 设置源访问器。
- ribbon.target - 设置目标访问器。
- ribbon.radius - 设置色带源和目标半径。
- ribbon.sourceRadius - 设置色带源半径。
- ribbon.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 - 返回此颜色的十六进制 RRGGBB 字符串表示形式。
- color.formatHex8 - 返回此颜色的十六进制 RRGGBBAA 字符串表示形式。
- color.formatHsl - 返回此颜色的 RGB 字符串表示形式。
- color.formatRgb - 返回此颜色的 HSL 字符串表示形式。
- color.toString - 返回此颜色的 RGB 字符串表示形式。
- d3.rgb - 创建一个新的 RGB 颜色。
- rgb.clamp - 返回此颜色的副本,该副本被限制在 RGB 颜色空间内。
- d3.hsl - 创建一个新的 HSL 颜色。
- hsl.clamp - 返回此颜色的副本,该副本被限制在 HSL 颜色空间内。
- d3.lab - 创建一个新的 Lab 颜色。
- d3.gray - 创建一个新的 Lab 灰色。
- d3.hcl - 创建一个新的 HCL 颜色。
- d3.lch - 创建一个新的 HCL 颜色。
- d3.cubehelix - 创建一个新的 Cubehelix 颜色。
d3-contour
使用行进方块计算等高线多边形。
- d3.contours - 创建一个新的等高线生成器。
- contours - 为给定的值网格计算等高线。
- contours.contour - 为给定值计算等高线。
- contours.size - 设置等高线生成器的大小。
- contours.smooth - 设置是否平滑生成的等高线。
- contours.thresholds - 设置等高线生成器的阈值。
- d3.contourDensity - 创建一个新的密度估计器。
- density - 估计给定样本数组的密度。
- density.x - 设置密度估计器的 *x* 访问器。
- density.y - 设置密度估计器的 *y* 访问器。
- density.weight - 设置密度估计器的 *weight* 访问器。
- density.size - 设置密度估计器的大小。
- density.cellSize - 设置密度估计器的单元格大小。
- density.thresholds - 设置密度估计器的阈值。
- density.bandwidth - 设置密度估计器的带宽。
- density.contours - 计算密度等高线。
d3-delaunay
计算一组二维点的 Voronoi 图。
- new Delaunay - 为点坐标数组创建 Delaunay 三角剖分。
- Delaunay.from - 为点的可迭代对象创建 Delaunay 三角剖分。
- delaunay.points - 点的坐标。
- delaunay.halfedges - Delaunay 半边。
- delaunay.hull - 凸包作为点索引。
- delaunay.triangles - Delaunay 三角形。
- delaunay.inedges - Delaunay 入边
- 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-dispatch
使用命名回调分离关注点。
- d3.dispatch - 创建自定义事件调度器。
- dispatch.on - 注册或注销事件监听器。
- dispatch.copy - 创建调度器的副本。
- dispatch.call - 将事件分派给已注册的监听器。
- dispatch.apply - 将事件分派给已注册的监听器。
d3-drag
使用鼠标或触摸输入拖放 SVG、HTML 或 Canvas。
- d3.drag - 创建拖放行为。
- drag - 将拖放行为应用于选择。
- drag.container - 设置坐标系。
- drag.filter - 忽略一些启动输入事件。
- drag.touchable - 设置触摸支持检测器。
- drag.subject - 设置被拖动的对象。
- drag.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-ease
用于平滑动画的缓动函数。
- ease - 缓动给定的归一化时间。
- 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 - 获取文件作为 ArrayBuffer 对象。
- 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-force
使用速度 Verlet 积分进行力导向图布局。
- d3.forceSimulation - 创建一个新的力模拟。
- simulation.restart - 重新加热并重启模拟的计时器。
- simulation.stop - 停止模拟的计时器。
- simulation.tick - 推进模拟一步。
- simulation.nodes - 设置模拟的节点。
- simulation.alpha - 设置当前 alpha。
- simulation.alphaMin - 设置最小 alpha 阈值。
- simulation.alphaDecay - 设置 alpha 指数衰减率。
- simulation.alphaTarget - 设置目标 alpha。
- simulation.velocityDecay - 设置速度衰减率。
- simulation.force - 添加或删除力。
- simulation.find - 找到距离给定位置最近的节点。
- simulation.randomSource - 设置模拟的随机源。
- simulation.on - 添加或删除事件监听器。
- force - 应用力。
- force.initialize - 使用给定的节点初始化力。
- d3.forceCenter - 创建一个中心力。
- center.x - 设置中心 x 坐标。
- center.y - 设置中心 y 坐标。
- center.strength - 设置中心力的强度。
- d3.forceCollide - 创建一个圆形碰撞力。
- collide.radius - 设置圆形半径。
- collide.strength - 设置碰撞解决强度。
- collide.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 - 创建一个径向定位力。
- radial.strength - 设置力强度。
- radial.radius - 设置目标半径。
- radial.x - 设置目标中心 x 坐标。
- radial.y - 设置目标中心 y 坐标。
d3-format
将数字格式化为人类可读的格式。
- d3.format - 默认语言环境的locale.format的别名。
- d3.formatPrefix - 默认语言环境的locale.formatPrefix的别名。
- locale.format - 创建一个数字格式。
- locale.formatPrefix - 创建一个SI前缀数字格式。
- d3.formatSpecifier - 解析数字格式说明符。
- new d3.FormatSpecifier - 扩展数字格式说明符对象。
- d3.precisionFixed - 计算定点表示法的十进制精度。
- d3.precisionPrefix - 计算SI前缀表示法的十进制精度。
- d3.precisionRound - 计算四舍五入表示法的有效位数。
- d3.formatLocale - 定义自定义语言环境。
- d3.formatDefaultLocale - 定义默认语言环境。
d3-geo
地理投影、形状和数学。
路径
- d3.geoPath - 创建一个新的地理路径生成器。
- path - 投影和渲染指定的要素。
- path.area - 计算给定要素的投影平面面积。
- path.bounds - 计算给定要素的投影平面边界框。
- path.centroid - 计算给定要素的投影平面质心。
- path.digits - 设置输出精度。
- path.measure - 计算给定要素的投影平面长度。
- path.projection - 设置地理投影。
- path.context - 设置渲染上下文。
- path.pointRadius - 设置显示点要素的半径。
投影
- projection - 将指定点从球体投影到平面。
- projection.invert - 将指定点从平面反投影到球体。
- projection.stream - 包装指定的流以投影几何图形。
- projection.preclip - 设置投影的球面裁剪函数。
- projection.postclip - 设置投影的笛卡尔裁剪函数。
- projection.clipAngle - 设置裁剪圆的半径。
- projection.clipExtent - 设置视窗裁剪范围,以像素为单位。
- projection.scale - 设置比例因子。
- projection.translate - 设置平移偏移量。
- projection.center - 设置中心点。
- projection.angle - 设置投影后旋转。
- projection.reflectX - 反射x轴。
- projection.reflectY - 反射y轴。
- projection.rotate - 设置三轴球面旋转角度。
- projection.precision - 设置自适应采样的精度阈值。
- projection.fitExtent - 设置比例和平移以适应GeoJSON对象。
- projection.fitSize - 设置比例和平移以适应GeoJSON对象。
- projection.fitWidth - 设置比例和平移以适应GeoJSON对象。
- projection.fitHeight - 设置比例和平移以适应GeoJSON对象。
原始投影
- project - 将指定点从球体投影到平面。
- project.invert - 将指定点从平面反投影到球体。
- d3.geoProjection - 创建自定义投影。
- d3.geoProjectionMutator - 创建自定义可配置投影。
- d3.geoTransform - 定义自定义几何变换。
- d3.geoIdentity - 缩放、平移或裁剪平面几何图形。
- d3.geoClipAntimeridian - 裁剪穿过反子午线的球面几何图形。
- d3.geoClipCircle - 将球面几何图形裁剪到一个小圆圈。
- d3.geoClipRectangle - 将平面几何图形裁剪到矩形视窗。
方位投影
- d3.geoAzimuthalEqualArea - 方位等面积投影。
- d3.geoAzimuthalEquidistant - 方位等距投影。
- d3.geoGnomonic - 正射投影。
- d3.geoOrthographic - 方位正射投影。
- d3.geoStereographic - 方位立体投影。
圆锥投影
- conic.parallels - 设置两个标准平行线。
- d3.geoConicConformal - 圆锥保形投影。
- d3.geoConicEqualArea - 圆锥等面积(阿尔伯斯)投影。
- d3.geoConicEquidistant - 圆锥等距投影。
- d3.geoAlbers - 阿尔伯斯等面积圆锥投影。
- d3.geoAlbersUsa - 用于美国的一个复合阿尔伯斯投影。
圆柱投影
- d3.geoEquirectangular - 等矩形(赤道正射)投影。
- d3.geoMercator - 球面墨卡托投影。
- d3.geoTransverseMercator - 横向球面墨卡托投影。
- d3.geoEqualEarth - 等地球投影。
- d3.geoNaturalEarth1 - 等地球投影,版本 1。
流
- d3.geoStream - 将GeoJSON对象转换为几何图形流。
- stream.point - 表示具有指定坐标的点。
- stream.lineStart - 表示线或环的开始。
- stream.lineEnd - 表示线或环的结束。
- stream.polygonStart - 表示多边形的开始。
- stream.polygonEnd - 表示多边形的结束。
- stream.sphere - 表示球体。
球面形状
- d3.geoGraticule - 创建经纬网生成器。
- graticule - 生成经线和纬线的MultiLineString。
- graticule.lines - 生成经线和纬线的LineString数组。
- graticule.outline - 生成经纬网范围的Polygon。
- graticule.extent - 获取或设置主次范围。
- graticule.extentMajor - 获取或设置主范围。
- graticule.extentMinor - 获取或设置次范围。
- graticule.step - 获取或设置主次步长间隔。
- graticule.stepMajor - 获取或设置主步长间隔。
- graticule.stepMinor - 获取或设置次步长间隔。
- graticule.precision - 获取或设置纬度精度。
- d3.geoGraticule10 - 生成默认的 10° 全球经纬网。
- d3.geoCircle - 创建圆生成器。
- circle - 将分段圆生成 Polygon。
- circle.center - 指定圆的中心,以纬度和经度表示。
- circle.radius - 指定圆的角半径,以度为单位。
- circle.precision - 指定分段圆的精度。
球面数学
- d3.geoArea - 计算给定要素的球面面积。
- d3.geoBounds - 计算给定要素的纬度-经度边界框。
- d3.geoCentroid - 计算给定要素的球面质心。
- d3.geoDistance - 计算两点之间的测地线距离。
- d3.geoLength - 计算线字符串的长度或多边形的周长。
- d3.geoInterpolate - 沿着测地线在两点之间进行插值。
- d3.geoContains - 测试点是否在给定要素内。
- d3.geoRotation - 为指定角度创建旋转函数。
d3-hierarchy
用于可视化层次数据的布局算法。
- d3.hierarchy - 从层次数据中构建根节点。
- node.ancestors - 生成祖先数组。
- node.descendants - 生成后代数组。
- node.leaves - 生成叶节点数组。
- node.find - 在层次结构中查找节点。
- node.path - 生成到另一个节点的最短路径。
- node.links - 生成链接数组。
- node.sum - 评估和聚合定量值。
- node.count - 统计叶节点的数量。
- node.sort - 对所有后代兄弟节点进行排序。
- node[Symbol.iterator] - 迭代层次结构。
- node.each - 广度优先遍历。
- node.eachAfter - 后序遍历。
- node.eachBefore - 前序遍历。
- node.copy - 复制层次结构。
- d3.stratify - 创建新的分层操作符。
- stratify - 从表格数据构造根节点。
- stratify.id - 设置节点 ID 访问器。
- stratify.parentId - 设置父节点 ID 访问器。
- stratify.path - 设置路径访问器。
- d3.cluster - 创建新的聚类(树状图)布局。
- cluster - 将指定的层次结构布局为树状图。
- cluster.size - 设置布局尺寸。
- cluster.nodeSize - 设置节点尺寸。
- cluster.separation - 设置叶子节点之间的间距。
- d3.tree - 创建新的整齐树状布局。
- tree - 将指定的层次结构布局为整齐树状图。
- tree.size - 设置布局尺寸。
- tree.nodeSize - 设置节点尺寸。
- tree.separation - 设置节点之间的间距。
- d3.treemap - 创建新的树状图布局。
- 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,但执行稳定的更新。
- squarify.ratio - 设置所需的矩形纵横比。
- d3.partition - 创建新的分区(冰柱图或太阳辐射图)布局。
- partition - 将指定的层次结构布局为分区图。
- partition.size - 设置布局尺寸。
- partition.round - 设置输出坐标是否四舍五入。
- partition.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.interpolateBasis - 通过一组值生成 B 样条曲线。
- d3.interpolateBasisClosed - 通过一组值生成闭合的 B 样条曲线。
- d3.interpolateDiscrete - 从一组值生成离散插值器。
- d3.quantize - 从插值器生成均匀间隔的样本。
- d3.piecewise - 从一组值生成分段线性插值器。
颜色插值
- 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 颜色进行插值,采用较长的方法。
- interpolateColor.gamma - 在插值过程中应用伽马校正。
- d3.interpolateHue - 对色调角进行插值。
变换插值
- d3.interpolateTransformCss - 对 2D CSS 变换进行插值。
- d3.interpolateTransformSvg - 对 2D SVG 变换进行插值。
缩放插值
- d3.interpolateZoom - 在两个视图之间进行缩放和平移。
- interpolateZoom.rho - 设置缩放插值器的曲率 rho。
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.pathRound - 创建新的路径序列化器,具有固定输出精度。
d3-polygon
二维多边形的几何操作。
- d3.polygonArea - 计算给定多边形的面积。
- d3.polygonCentroid - 计算给定多边形的质心。
- d3.polygonHull - 计算给定点的凸包。
- d3.polygonContains - 测试点是否在多边形内部。
- d3.polygonLength - 计算给定多边形周长的长度。
d3-quadtree
二维递归空间细分。
- d3.quadtree - 创建新的空四叉树。
- quadtree.x - 设置 x 访问器。
- quadtree.y - 设置 y 访问器。
- quadtree.extent - 扩展四叉树以覆盖范围。
- quadtree.cover - 扩展四叉树以覆盖点。
- quadtree.add - 将数据项添加到四叉树。
- quadtree.addAll - 将数据项数组添加到四叉树。
- quadtree.remove - 从四叉树中移除数据项。
- quadtree.removeAll - 从四叉树中移除数据项数组。
- quadtree.copy - 创建四叉树的副本。
- quadtree.root - 获取四叉树的根节点。
- quadtree.data - 从四叉树中检索所有数据。
- quadtree.size - 统计四叉树中数据项的数量。
- quadtree.find - 快速找到四叉树中最接近的数据项。
- quadtree.visit - 有选择地访问四叉树中的节点。
- quadtree.visitAfter - 访问四叉树中的所有节点。
d3-random
从各种分布中生成随机数。
- d3.randomUniform - 从均匀分布生成。
- d3.randomInt - 从均匀整数分布中生成随机数。
- d3.randomNormal - 从正态分布中生成随机数。
- d3.randomLogNormal - 从对数正态分布中生成随机数。
- d3.randomBates - 从贝茨分布中生成随机数。
- d3.randomIrwinHall - 从欧文-霍尔分布中生成随机数。
- d3.randomExponential - 从指数分布中生成随机数。
- d3.randomPareto - 从帕累托分布中生成随机数。
- d3.randomBernoulli - 从伯努利分布中生成随机数。
- d3.randomGeometric - 从几何分布中生成随机数。
- d3.randomBinomial - 从二项分布中生成随机数。
- d3.randomGamma - 从伽马分布中生成随机数。
- d3.randomBeta - 从贝塔分布中生成随机数。
- d3.randomWeibull - 从威布尔、古姆贝尔或弗雷歇分布中生成随机数。
- d3.randomCauchy - 从柯西分布中生成随机数。
- d3.randomLogistic - 从逻辑斯蒂分布中生成随机数。
- d3.randomPoisson - 从泊松分布中生成随机数。
- random.source - 设置随机数源。
- d3.randomLcg - 带有种子的伪随机数生成器。
d3-scale
将抽象数据映射到视觉表示的编码。
线性比例尺
将连续的、定量的域映射到连续的范围。
- d3.scaleLinear - 创建一个定量的线性比例尺。
- linear - 计算与给定域值对应的范围值。
- linear.invert - 计算与给定范围值对应的域值。
- linear.domain - 设置输入域。
- linear.range - 设置输出范围。
- linear.rangeRound - 设置输出范围并启用舍入。
- linear.clamp - 启用钳制到域或范围。
- linear.unknown - 设置未知输入的输出值。
- linear.interpolate - 设置输出插值器。
- linear.ticks - 从域中计算代表性值。
- linear.tickFormat - 将刻度格式化为人类可读的格式。
- linear.nice - 将域扩展到良好的圆形数字。
- linear.copy - 创建此比例尺的副本。
- d3.tickFormat - 将刻度格式化为人类可读的格式。
- d3.scaleIdentity - 创建一个恒等比例尺。
- d3.scaleRadial - 创建一个径向比例尺。
幂比例尺
- d3.scalePow - 创建一个定量的幂比例尺。
- d3.scaleSqrt - 创建一个指数为 0.5 的定量幂比例尺。
- pow.exponent - 设置幂指数。
对数比例尺
- d3.scaleLog - 创建一个定量的对数比例尺。
- log.base - 设置对数底数。
- log.ticks - 从域中计算代表性值。
- log.tickFormat - 将刻度格式化为人类可读的格式。
- log.nice - 将域扩展到良好的圆形数字。
对称对数比例尺
- d3.scaleSymlog - 创建一个对称对数比例尺。
- symlog.constant - 设置对称对数比例尺的常数。
时间比例尺
- d3.scaleTime - 创建一个用于时间的线性比例尺。
- time.ticks - 从域中计算代表性值。
- time.tickFormat - 将刻度格式化为人类可读的格式。
- time.nice - 将域扩展到良好的圆形时间。
- d3.scaleUtc - 创建一个用于 UTC 的线性比例尺。
连续比例尺
将连续的、定量的域映射到连续的、固定的插值器。
- d3.scaleSequential - 创建一个连续比例尺。
- sequential.interpolator - 设置比例尺的输出插值器。
- sequential.range - 设置输出范围。
- sequential.rangeRound - 设置输出范围并启用舍入。
- d3.scaleSequentialLog - 创建一个对数连续比例尺。
- d3.scaleSequentialPow - 创建一个幂连续比例尺。
- d3.scaleSequentialSqrt - 创建一个指数为 0.5 的幂连续比例尺。
- d3.scaleSequentialSymlog - 创建一个对称对数连续比例尺。
- d3.scaleSequentialQuantile - 使用 *p* 分位数变换创建连续比例尺。
- sequentialQuantile.quantiles - 返回比例尺的分位数。
发散比例尺
将连续的、定量的域映射到连续的、固定的插值器。
- d3.scaleDiverging - 创建一个发散比例尺。
- diverging.interpolator - 设置比例尺的输出插值器。
- diverging.range - 设置输出范围。
- diverging.rangeRound - 设置输出范围并启用舍入。
- d3.scaleDivergingLog - 创建一个发散对数比例尺。
- d3.scaleDivergingPow - 创建一个发散幂比例尺。
- d3.scaleDivergingSqrt - 创建一个指数为 0.5 的发散幂比例尺。
- d3.scaleDivergingSymlog - 创建一个发散对称对数比例尺。
量化比例尺
将连续的、定量的域映射到离散的范围。
- d3.scaleQuantize - 创建一个均匀量化的线性比例尺。
- quantize - 计算与给定域值对应的范围值。
- quantize.invertExtent - 计算与给定范围值对应的域值。
- quantize.domain - 设置输入域。
- quantize.range - 设置输出范围。
- quantize.thresholds - 返回域内计算出的阈值数组。
- quantize.copy - 创建此比例尺的副本。
分位数比例尺
- d3.scaleQuantile - 创建一个分位数量化的线性比例尺。
- quantile - 计算与给定域值对应的范围值。
- quantile.invertExtent - 计算与给定范围值对应的域值。
- quantile.domain - 设置输入域。
- quantile.range - 设置输出范围。
- quantile.quantiles - 获取分位数阈值。
- quantile.copy - 创建此比例尺的副本。
阈值比例尺
- d3.scaleThreshold - 创建一个任意的量化线性比例尺。
- threshold - 计算与给定域值对应的范围值。
- threshold.invertExtent - 计算与给定范围值对应的域值。
- threshold.domain - 设置输入域。
- threshold.range - 设置输出范围。
- threshold.copy - 创建此比例尺的副本。
序数比例尺
将离散的域映射到离散的范围。
- d3.scaleOrdinal - 创建一个序数比例尺。
- ordinal - 计算与给定域值对应的范围值。
- ordinal.domain - 设置输入域。
- ordinal.range - 设置输出范围。
- ordinal.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 - 设置点对齐方式,如果存在额外的空间。
- point.bandwidth - 返回零。
- point.step - 获取相邻点起始位置之间的距离。
- point.copy - 创建此比例尺的副本。
d3-scale-chromatic
用于定量、序数和分类比例的色阶和调色板。
分类
- d3.schemeCategory10 - 一个包含十种分类颜色的数组。
- d3.schemeAccent - 一个包含八种分类颜色的数组。
- d3.schemeDark2 - 一个包含八种分类颜色的数组。
- d3.schemeObservable10 - 一个包含十种分类颜色的数组。
- d3.schemePaired - 一个包含十二种分类颜色的数组。
- d3.schemePastel1 - 一个包含九种分类颜色的数组。
- d3.schemePastel2 - 一个包含八种分类颜色的数组。
- d3.schemeSet1 - 一个包含九种分类颜色的数组。
- d3.schemeSet2 - 一个包含八种分类颜色的数组。
- d3.schemeSet3 - 一个包含十二种分类颜色的数组。
- d3.schemeTableau10 - 一个包含十种分类颜色的数组。
循环
- d3.interpolateRainbow - “不那么刺眼”的彩虹
- d3.interpolateSinebow - “正弦彩虹”平滑彩虹
发散
- 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 - 绿视插值器。
- 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-selection
通过选择元素并连接到数据来转换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-shape
用于可视化的图形基元。
弧
圆形或环形扇区,例如饼图或环形图。
- d3.arc - 创建一个新的弧生成器。
- arc - 为给定数据生成一个弧。
- arc.centroid - 计算弧的中心点。
- arc.innerRadius - 设置内半径。
- arc.outerRadius - 设置外半径。
- arc.cornerRadius - 设置圆角半径,用于圆角。
- arc.startAngle - 设置起始角。
- arc.endAngle - 设置结束角。
- arc.padAngle - 设置相邻弧之间的角度,用于填充弧。
- arc.padRadius - 设置线性化填充的半径。
- arc.context - 设置渲染上下文。
- arc.digits - 设置输出精度。
饼图
计算必要的角度,将表格数据集表示为饼图或环形图。
- d3.pie - 创建一个新的饼图生成器。
- pie - 为给定数据集计算弧角度。
- pie.value - 设置值访问器。
- pie.sort - 设置排序顺序比较器。
- pie.sortValues - 设置排序顺序比较器。
- pie.startAngle - 设置总体起始角。
- pie.endAngle - 设置总体结束角。
- pie.padAngle - 设置相邻弧之间的填充角。
线
样条曲线或折线,例如折线图。
- d3.line - 创建一个新的线生成器。
- line - 为给定数据集生成一条线。
- line.x - 设置x访问器。
- line.y - 设置y访问器。
- line.defined - 设置定义访问器。
- line.curve - 设置曲线插值器。
- line.context - 设置渲染上下文。
- line.digits - 设置输出精度。
- 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.digits - 设置输出精度。
- 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.alpha - 设置 Catmull–Rom 参数alpha。
- 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.link - 创建一个新的链接生成器。
- d3.linkVertical - 创建一个新的垂直链接生成器。
- d3.linkHorizontal - 创建一个新的水平链接生成器。
- link - 生成一个链接。
- link.source - 设置源访问器。
- link.target - 设置目标访问器。
- link.x - 设置点x访问器。
- link.y - 设置点y访问器。
- link.context - 设置渲染上下文。
- link.digits - 设置输出精度。
- d3.linkRadial - 创建一个新的径向链接生成器。
- linkRadial.angle - 设置点angle访问器。
- linkRadial.radius - 设置点radius访问器。
符号
一个分类形状编码,例如散点图。
- d3.symbol - 创建一个新的符号生成器。
- symbol - 为给定数据生成一个符号。
- symbol.type - 设置符号类型。
- symbol.size - 设置符号的大小,以平方像素为单位。
- symbol.context - 设置渲染上下文。
- symbol.digits - 设置输出精度。
- d3.symbolsFill - 用于填充的内置符号类型数组。
- d3.symbolsStroke - 用于描边的内置符号类型数组。
- d3.symbolAsterisk - 星号;用于描边。
- d3.symbolCircle - 圆圈;用于填充或描边。
- d3.symbolCross - 臂长相等的希腊十字;用于填充。
- d3.symbolDiamond - 菱形;用于填充。
- d3.symbolDiamond2 - 旋转的正方形;用于描边。
- d3.symbolPlus - 加号;用于描边。
- d3.symbolSquare - 正方形;用于填充。
- d3.symbolSquare2 - 正方形;用于描边。
- d3.symbolStar - 五角星(五角星);用于填充。
- d3.symbolTriangle - 向上指的三角形;用于填充。
- d3.symbolTriangle2 - 向上指的三角形;用于描边。
- 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
人类独特时间惯例的计算器。
- d3.timeInterval - 实现一个新的自定义时间间隔。
- interval - interval.floor 的别名。
- interval.floor - 向下舍入到最近的边界。
- interval.round - 向最近的边界舍入。
- interval.ceil - 向上舍入到最近的边界。
- interval.offset - 将日期偏移一定数量的间隔。
- interval.range - 在间隔边界生成一系列日期。
- interval.filter - 创建此间隔的过滤子集。
- interval.every - 创建此间隔的过滤子集。
- interval.count - 统计两个日期之间间隔边界的数量。
- d3.timeMillisecond - 毫秒间隔,本地时间。
- d3.timeSecond - 秒间隔,本地时间。
- d3.timeMinute - 分钟间隔,本地时间。
- d3.timeHour - 小时间隔,本地时间。
- d3.timeDay - 天间隔,本地时间。
- d3.timeWeek - 以周日为基准的周间隔,本地时间。
- d3.timeSunday - 以周日为基准的周间隔,本地时间。
- d3.timeMonday - 以周一为基准的周间隔,本地时间。
- d3.timeTuesday - 以周二为基准的周间隔,本地时间。
- d3.timeWednesday - 以周三为基准的周间隔,本地时间。
- d3.timeThursday - 以周四为基准的周间隔,本地时间。
- d3.timeFriday - 以周五为基准的周间隔,本地时间。
- d3.timeSaturday - 以周六为基准的周间隔,本地时间。
- d3.timeMonth - 月间隔,本地时间。
- d3.timeYear - 年间隔,本地时间。
- d3.utcMillisecond - 毫秒间隔,UTC 时间。
- d3.utcSecond - 秒间隔,UTC 时间。
- d3.utcMinute - 分钟间隔,UTC 时间。
- d3.utcHour - 小时间隔,UTC 时间。
- d3.utcDay - 天间隔,UTC 时间。
- d3.utcWeek - 以周日为基准的周间隔,UTC 时间。
- d3.utcSunday - 以周日为基准的周间隔,UTC 时间。
- d3.utcMonday - 以周一为基准的周间隔,UTC 时间。
- d3.utcTuesday - 以周二为基准的周间隔,UTC 时间。
- d3.utcWednesday - 以周三为基准的周间隔,UTC 时间。
- d3.utcThursday - 以周四为基准的周间隔,UTC 时间。
- d3.utcFriday - 以周五为基准的周间隔,UTC 时间。
- d3.utcSaturday - 以周六为基准的周间隔,UTC 时间。
- d3.utcMonth - 月间隔,UTC 时间。
- d3.utcYear - 年间隔,UTC 时间。
- d3.unixDay - 天间隔,UTC 时间,不与月对齐。
- d3.timeMilliseconds - d3.timeMillisecond.range 的别名。
- d3.timeSeconds - d3.timeSecond.range 的别名。
- d3.timeMinutes - d3.timeMinute.range 的别名。
- d3.timeHours - d3.timeHour.range 的别名。
- d3.timeDays - d3.timeDay.range 的别名。
- d3.timeWeeks - d3.timeWeek.range 的别名。
- d3.timeSundays - d3.timeSunday.range 的别名。
- d3.timeMondays - d3.timeMonday.range 的别名。
- d3.timeTuesdays - d3.timeTuesday.range 的别名。
- d3.timeWednesdays - d3.timeWednesday.range 的别名。
- d3.timeThursdays - d3.timeThursday.range 的别名。
- d3.timeFridays - d3.timeFriday.range 的别名。
- d3.timeSaturdays - d3.timeSaturday.range 的别名。
- d3.timeMonths - d3.timeMonth.range 的别名。
- d3.timeYears - d3.timeYear.range 的别名。
- d3.utcMilliseconds - d3.utcMillisecond.range 的别名。
- d3.utcSeconds - d3.utcSecond.range 的别名。
- d3.utcMinutes - d3.utcMinute.range 的别名。
- d3.utcHours - d3.utcHour.range 的别名。
- d3.utcDays - d3.utcDay.range 的别名。
- d3.utcWeeks - d3.utcWeek.range 的别名。
- d3.utcSundays - d3.utcSunday.range 的别名。
- d3.utcMondays - d3.utcMonday.range 的别名。
- d3.utcTuesdays - d3.utcTuesday.range 的别名。
- d3.utcWednesdays - d3.utcWednesday.range 的别名。
- d3.utcThursdays - d3.utcThursday.range 的别名。
- d3.utcFridays - d3.utcFriday.range 的别名。
- d3.utcSaturdays - d3.utcSaturday.range 的别名。
- d3.utcMonths - d3.utcMonth.range 的别名。
- d3.utcYears - d3.utcYear.range 的别名。
- d3.unixDays - d3.unixDay.range 的别名。
- d3.timeTicks - 从时间间隔生成代表性值。
- d3.utcTicks - 从时间间隔生成代表性值。
- d3.timeTickInterval - 从时间间隔生成代表性值。
- d3.utcTickInterval - 从时间间隔生成代表性值。
d3-time-format
解析和格式化时间,灵感来自 strptime 和 strftime。
- d3.timeFormat - 默认语言环境中 locale.format 的别名。
- d3.timeParse - 默认语言环境中 locale.parse 的别名。
- d3.utcFormat - 默认语言环境中 locale.utcFormat 的别名。
- d3.utcParse - 默认语言环境中 locale.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-timer
一个高效的队列,用于管理数千个并发动画。
- d3.now - 获取当前高分辨率时间。
- d3.timer - 安排一个新的计时器。
- timer.restart - 重置计时器的开始时间和回调。
- timer.stop - 停止计时器。
- d3.timerFlush - 立即执行所有符合条件的计时器。
- d3.timeout - 安排一个在第一次回调时停止的计时器。
- d3.interval - 安排一个以可配置周期调用的计时器。
d3-transition
针对 选择 的动画过渡。
- 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 - 在过渡结束时删除选定的元素。
- transition.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 - 按指定的值缩放变换。
- transform.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 - 恒等变换。