Avatar notebook default
14篇文章 · 10728字 · 2人关注
  • Resize,w 360,h 240
    12-D3.js地图

    一、JSON与GeoJSON GeoJSON 是基于 JSON 的、 为 Web 应用而编码地理数据的一个标准。实际上,GeoJSON 并不是另...

  • Resize,w 360,h 240
    11-D3.js力导向图

    力导向图(Force-Directed Graph),是绘图的一种算法。在二维或三维空间里配置节点,节点之间用线连接,称为连线。 各连线的长度几...

  • Resize,w 360,h 240
    10-D3.js饼图

    一、饼状图 dataset = [5, 10, 20, 45, 6, 25];这样的值是不能直接绘图的。例如绘制饼状图的一个部分,需要知道一段弧...

  • 09-D3.js动态增删数据

    目前为止,只要更新数据,我们采用的都是“整批整包”的方式:改变数据集数组中的值,然后重新绑定修改后的值,覆盖原始值对 DOM 元素的绑定。 这种...

  • Resize,w 360,h 240
    08-D3.js散点图

    随机数+坐标轴+散点图 更新散点图,支持数据更新和动态比 单击上方的文本可以生成新数据并更新图表更新数据后,使用了动画过渡更新x和y轴的比例尺 ...

  • Resize,w 360,h 240
    07-D3.js交互和布局

    一、交互操作 对某一元素添加交互操作十分简单: 在D3 中,每一个选择集都有 on() 函数,用于添加事件监听器。 鼠标常用的事件有: clic...

  • 06-D3.js过渡动画

    D3提供了4个方法用于实现图形的过渡 transition 图形变化前后的状态(形状、位置、颜色等) duration() 指定动画过渡的时间(...

  • Resize,w 360,h 240
    05-D3.js完整的柱状图(比例尺+坐标轴)

    一个完整的柱形图包含三部分:矩形、文字、坐标轴。这里对前几章的内容进行综合的运用,制作一个实用的柱形图,内容包括:选择集、数据绑定、比例尺、坐标...

  • Resize,w 360,h 240
    04-D3.js坐标轴

    坐标轴,是可视化图表中经常出现的一种图形,由一些列线段和刻度组成。坐标轴在 SVG 中是没有现成的图形元素的,需要用其他的元素组合构成。D3 提...

文集作者