d3js
4篇文章 · 0订阅
  • 用D3.js 十分钟实现字符跳动效果
    原文分为三部分, 在这里笔者将其整合为了一篇方便阅读. 该效果基于 D3.js, 主要使用到了 d3-selection. 如果对d3-selection的基本使用逻辑不太清楚可以参见 这篇文章. Step1 首先代码会随机生成一个字符串, 该字符以绿色进入画面. 1. 字符切…
    SVG d3.js
  • D3.js + Canvas 绘制组织结构图
    上面的demo就是使用 D3.js + Canvas 的方式实现的, 在组织的层数超过300时才会出现明显的卡顿, 能满足大部分的组织结构图的数据. 上面的变量 nodes 和 links 现在就包含了结构图中每个 组织节点 和 连接线 的坐标信息. 2. 使用Canvas绘图…
    Canvas d3.js
  • 可视化讲解 深度优先遍历(DFT)
    深度优先遍历, 刷过题的朋友应该都很熟悉了,难是不难,但是理解起来还是要费一些功夫的. 深度优先遍历的实现方法有递归和非递归两种, 这里我们用可视化的角度,讲解前一种: 递归的深度优先遍历. 所以说, 人是视觉动物, 以图形可视化的方式来讲解问题往往能讲解的更清楚, 这也就是我…
    GitHub JavaScript 数据可视化
  • 以 Join 的方式来思考D3.js
    打个比方, 你想用D3画一个 散点图 , 用每一个svg的circle元素来可视化你的数据. 你会惊讶的发现: D3居然没有直接创建多个DOM元素的方法! 怎么回事? 当然, D3有 append 方法, 你可以用来创建单个元素. 比如: 但这只是一个圆, 如果你想要创建很多个…
    数据可视化 d3.js