D3 是目前最流行的数据可视化库，WebGL 是目前 Web 端最快的绘制技术。由于性能问题的局限，将两者结合的尝试越来越多（如），本文将尝试用 D3 的力导向图 和 Three.js 和 PixiJS 结合。全文阅读完大概 5 分钟。

本文中结合 A* 寻路算法实现了流程图正交连线，将依次从地图构建、拐点优化、区域优化、边界条件判定方面来实现。

在 Canvas 实现的应用中，会有这样的一类场景，当点击画布中的某个几何图形时，要触发一些交互操作。Canvas 并不支持为画布内的图形元素添加事件，这需要借助数学知识来解决这个问题。

想象一下，在一个虚拟的3D世界中都需要什么？首先，要有一个立体的空间，其次是有光源，最重要的是要有一双眼睛。下面就让我们使用threejs+vue3创造一个炫酷的登录页吧！

在实际工作中，我们很少会遇到一次性需要向页面中插入大量数据的情况，但是为了丰富我们的知识体系，我们有必要了解并清楚当遇到大量数据时，如何才能在不卡主页面的情况下渲染数据，以及其中背后的原理。 我们对十万条记录进行循环操作，JS的运行时间为187ms，还是蛮快的，但是最终渲染完成…