【D3 API 中文手册】

【D3 API 中文手册】

声明:本文仅供学习所用,未经作者允许严禁转载和演绎

《D3 API 中文手册》是D3官方API文档的中文翻译。始于2014-3-23日,基于VisualCrew小组的六次协作任务之上,目前已经大致翻译完毕,将陆续向官网提交D3 API 中文版

本文主要内容有:

  • 1 记录中文翻译的官网提交情况
  • 2 提供校对联系方式
  • 3 提供D3 API简版中文手册
  • 4 列举详版翻译/校对人员列表

1 官网提交历史

2 校对联系方式

如发现翻译不当或有其他问题可以通过以下方式联系译者:

3 D3 API 中文手册(简版)

D3库中所有函数都在“d3”命名空间内。

D3 使用语义版本命名。 你可以使用“d3.version”查看D3的最新版本

D3 API总览

  • 行为 - 可重用的交互行为。
  • 核心 - 包括选择器,过渡,数据处理,本地化,颜色等。
  • 地理 - 球面坐标,经纬度运算。
  • 几何 - 提供绘制2D几何图形的实用工具。
  • 布局 - 推导定位元素的辅助数据。
  • 比例尺 - 数据编码和视觉编码之间转换。
  • 可缩放矢量图形 - 提供用于创建可伸缩矢量图形的实用工具。
  • 时间 - 解析或格式化时间,计算日历的时间间隔等。

d3 (核心)

选择器

过渡

数组

数学

请求

  • d3.csv - 请求一个CSV(逗号分隔值)的文件。
  • d3.html - 请求一个HTML文档片段。
  • d3.json - 请求一个JSON对象。
  • d3.text - 请求一个text文件。
  • d3.tsv - 请求一个TSV(制表符分隔值)的文件。
  • d3.xhr - 使用XMLHttpRequest请求一个资源。
  • d3.xml - 请求一个XML文档片段。
  • xhr.abort - 终止未完成的请求。
  • xhr.get - 发送一个GET请求。
  • xhr.header - 设置一个请求头。
  • xhr.mimeType - 设置一个接受请求头并覆盖响应的MIME类型。
  • xhr.on - 为“progress”,“load”或“error”事件添加一个事件监听器。
  • xhr.post - 发送一个POST请求。
  • xhr.response - 设置一个响应映射函数。
  • xhr.send - 使用指定的数据和函数发送一个请求。

格式化

CSV格式化(d3.csv)

本地化

颜色

  • d3.hcl - 指定一种颜色,创建一个HCL颜色对象。
  • d3.hsl - 指定一种颜色,创建一个HSL颜色对象。
  • d3.lab - 指定一种颜色,创建一个L*a*b*颜色对象。
  • d3.rgb - 指定一种颜色,创建一个RGB颜色对象。
  • hcl.brighter - 增强颜色的亮度,变化幅度由参数决定。
  • hcl.darker - 减弱颜色的亮度,变化幅度由参数决定。
  • hcl.rgb - 将HCL颜色对象转化成RGB颜色对象。
  • hcl.toString - HCL颜色对象转化为字符串格式。
  • hsl.brighter - 增强颜色的亮度,变化幅度由参数决定。
  • hsl.darker - 减弱颜色的亮度,变化幅度由参数决定。
  • hsl.rgb - 将HSL颜色对象转化成RGB颜色对象。
  • hsl.toString - 将HSL颜色对象转化为字符串格式。
  • lab.brighter - 增强颜色的亮度,变化幅度由参数决定。
  • lab.darker - 减弱颜色的亮度,变化幅度由参数决定。
  • lab.rgb - 将L*a*b*颜色对象转化成RGB颜色对象。
  • lab.toString - 将L*a*b*颜色对象转化为字符串格式。
  • rgb.brighter - 增强颜色的亮度,变化幅度由参数决定。
  • rgb.darker - 减弱颜色的亮度,变化幅度由参数决定。
  • rgb.hsl - 将RGB颜色对象转化成HSL颜色对象。
  • rgb.toString - 将RGB颜色对象转化为字符串格式。

命名空间

内部

  • d3.dispatch - 创建一个定制的事件分发器。
  • d3.functor - 创建一个函数并返回一个常量。
  • d3.rebind - 重新绑定get/set方法到一个子类上。
  • dispatch.on - 注册或者解除注册事件监听器。
  • dispatch.type - 为指定的监听器分发事件。

d3.scale (比例尺)

定量比例尺

序数比例尺

d3.svg (SVG)

形状

拖选

  • brush.clear - 重置拖选范围。
  • brush.empty - 拖选是否为空。
  • brush.event - 在设置范围之后分发拖选事件。
  • brush.extent - 拖选范围可以是0,1,2维的。
  • brush.on - 监听拖选何时改变。
  • brush.x - 拖选的x-比例,用于水平拖选。
  • brush.y - 拖选的y-比例,用于垂直拖选。
  • brush - 将拖选应用在指定的选择器和过渡上。
  • d3.svg.brush - 点击和拖曳来选择一个1维或2维区域。

d3.time (时间)

时间格式化

时间比例尺

时间间隔

d3.layout (布局)

捆布局

  • bundle - 对边使用Holten 层次捆绑 算法。
  • d3.layout.bundle - 构造一个新的默认的捆绑布局。

弦布局

簇布局

力布局

层次布局

直方图布局

包布局

分区布局

  • d3.layout.pie - 构造一个新的默认的饼布局。
  • pie.endAngle -取得或设置饼布局整体的结束角度。
  • pie.padAngle - 取得或设置饼布局填充角度。
  • pie.sort - 控制饼片段的顺时针方向的顺序。
  • pie.startAngle - 取得或设置饼布局整体的开始角度。
  • pie.value - 取得或设置值访问器函数。
  • pie - 计算饼图或圆环图中弧的开始和结束角度。

堆叠

  • d3.layout.stack - 构造一个新的默认的堆叠布局。
  • stack.offset - 指定整体的基线算法。
  • stack.order - 控制每个系列的顺序。
  • stack.out - 取得或设置用于存储基线的输出函数。
  • stack.values - 取得或设置每个系列的值访问器函数。
  • stack.x - 取得或设置x-维访问器函数。
  • stack.y - 取得或设置y-维访问器函数。
  • stack - 计算堆叠图或者面积图的基线。

矩形树

d3.geo (地理)

地理路径

地理投影

d3.geom (几何)

泰森多边形

  • d3.geom.voronoi - 用默认的访问器创建一个泰森多边形布局。
  • voronoi.clipExtent -取得或者设置铺嵌的剪切范围。
  • voronoi.links - 计算Delaunay mesh为一个链接网络。
  • voronoi.triangles - 计算Delaunay mesh为一个三角形密铺。
  • voronoi.x - 取得或者设置每个点的x-坐标访问器。
  • voronoi.y - 取得或者设置每个点的y-坐标访问器。
  • voronoi - 为每个指定的点计算泰森多边形密铺。

四叉树

多边形

赫尔

  • d3.geom.hull - 使用默认访问器创建一个convex hull布局。
  • hull - 为给定的点数组计算convex hull。
  • hull.x - 取得或设置x-坐标访问器。
  • hull.y - 取得或设置y-坐标访问器。

d3.behavior (行为)

拖动

缩放

4 翻译/校对人员列表

详版翻译人员列表

API项目文档页数单词数翻译校对
core.selections175823大傻T20141102大傻T20141102
core.transections165365大傻T20141115 1-16页
HarryT20140330 17-26页
大傻P20141115
core.arrays123667Carry on 、T20140329 大部分
大傻 T20141122部分
大傻P20141118
core.requests61695大傻T20141122大傻P20141122
core.formatting4843colinT20140406大傻P20141122
core.localization2410大傻T20141122大傻T20141122
core.colors5852边城T20140406大傻P20141122
core.namespaces1166马语者T20140405大傻P20140405
core.math2289大傻T20140326大傻P20140326
core.internals3605边城T20140403大傻P20141122
scale.quantitative scales195879风鸣T 20140412 Linear
大傻T20140412 Identity
马语者T20140412 log
WfeiT20140412 Quantize
现明涟漪T20140420 Threshold
HarryT20140412 power
大傻T20141124 Quantile Scales
大傻P20141124
scale.ordinal scales81356大傻T20141124大傻P20141124
scale.time scales51279低调T20141124大傻P20141129
svg.shapes266776大傻T20141128 SVG部分
大傻T20141129 Line部分
大傻T20141129 Symbol 部分
大傻T20141129 Chord 部分
HarryT20140419 Area部分
WfeiT 20140418 Diagonal部分
WfeiT 20140716 Arc部分
大傻P20141129
svg.axes5905小屁孩T20140425 axis.scale axis.orient
WfeiT20140427 axis.tickPadding axis.tickFormat
大傻T20141129其余
大傻P20141129
svg.controls4839WfeiT20140725大傻P20141129
time.formatting41035国亮T20140403大傻P20141129
time.scales51279国亮T20140403大傻P20141129
time.intervals61205国亮T20140403大傻P20141129
layout.bundle2273大傻T20141130大傻P20141130
layout.chord4922张烁T20140428大傻P20141130
layout.cluster4981张烁T20140430大傻P20141130
layout.force102800大傻T20141130大傻P20141130
layout.hierachy4769张烁T20140430大傻P20141130
layout.histgram2605张烁T20140430大傻P20141130
layout.pack5899低调T2014101大傻P20141206
layout.partition4872HarryT20141129大傻P20141130
layout.pie2607WfeiT20140716大傻P20141130
layout.stack51147WfeiT20140708大傻P20141206
layout.tree51079阿呆不呆T20141128大傻P20141207
layout.treemap61297路明非大傻P20141207
geo.path81923翟翟T20141124低调T20141127
geo.projection111645低调T20141129大傻P20141207
geo.stream3691低调T20141129大傻P20141208
geom.vonoroi2359谁浮T20141125大傻P20141208
geom.quadtree3643妙曼征程T20141127大傻P20141208
geom.hull1139谁浮T20141125大傻P20141208
geom.polygon193谁浮T20141125大傻P20141208
behavior.drag2496WfeiT20140724大傻P20141208
behavior.zoom3672WfeiT20140724大傻P20141208
总计23759180合计18人
  • 14
    点赞
  • 54
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
d3.js是一个用于数据可视化的JavaScript库,它提供了丰富的API和功能,可以帮助开发者创建交互式和动态的数据可视化图表。下面是d3.js中文手册的介绍: 1. 选择元素:d3.js提供了强大的选择器和操作DOM元素的方法,可以通过选择器选取元素,并对其进行各种操作和样式设置。 2. 数据绑定:d3.js可以将数据与DOM元素进行绑定,使得数据和元素之间建立起关联关系,方便进行数据驱动的可视化操作。 3. 比例尺:d3.js提供了多种比例尺,用于将数据映射到可视化空间中,例如线性比例尺、时间比例尺、颜色比例尺等。 4. 坐标轴:d3.js可以帮助创建坐标轴,包括x轴和y轴,并提供了丰富的配置选项,可以自定义坐标轴的样式和刻度。 5. 图表生成:d3.js支持创建各种类型的图表,包括柱状图、折线图、散点图、饼图等,开发者可以根据需求选择合适的图表类型。 6. 过渡效果:d3.js提供了过渡效果的支持,可以实现平滑的动画效果,使得数据的变化更加生动和直观。 7. 事件处理:d3.js可以处理各种交互事件,例如鼠标点击、鼠标移动等,开发者可以通过事件处理函数来响应用户的操作。 8. 数据操作:d3.js提供了丰富的数据操作方法,包括数据过滤、排序、分组等,方便对数据进行预处理和转换。 9. SVG绘图:d3.js使用SVG(可缩放矢量图形)来绘制图表,SVG具有良好的可扩展性和互动性,可以实现复杂的图形效果。 10. 插值器:d3.js提供了多种插值器,用于在动画过程中平滑地计算属性值的过渡,例如颜色插值、数值插值等。 以上是d3.js的一些主要功能和API介绍,希望对你有所帮助。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值