一、JSON与GeoJSON GeoJSON 是基于 JSON 的、 为 Web 应用而编码地理数据的一个标准。实际上,GeoJSON 并不是另...
力导向图(Force-Directed Graph),是绘图的一种算法。在二维或三维空间里配置节点,节点之间用线连接,称为连线。 各连线的长度几...
一、饼状图 dataset = [5, 10, 20, 45, 6, 25];这样的值是不能直接绘图的。例如绘制饼状图的一个部分,需要知道一段弧...
目前为止,只要更新数据,我们采用的都是“整批整包”的方式:改变数据集数组中的值,然后重新绑定修改后的值,覆盖原始值对 DOM 元素的绑定。 这种...
随机数+坐标轴+散点图 更新散点图,支持数据更新和动态比 单击上方的文本可以生成新数据并更新图表更新数据后,使用了动画过渡更新x和y轴的比例尺 ...
一、交互操作 对某一元素添加交互操作十分简单: 在D3 中,每一个选择集都有 on() 函数,用于添加事件监听器。 鼠标常用的事件有: clic...
D3提供了4个方法用于实现图形的过渡 transition 图形变化前后的状态(形状、位置、颜色等) duration() 指定动画过渡的时间(...
一个完整的柱形图包含三部分:矩形、文字、坐标轴。这里对前几章的内容进行综合的运用,制作一个实用的柱形图,内容包括:选择集、数据绑定、比例尺、坐标...
坐标轴,是可视化图表中经常出现的一种图形,由一些列线段和刻度组成。坐标轴在 SVG 中是没有现成的图形元素的,需要用其他的元素组合构成。D3 提...
文集作者