G2 是一套基于可视化编码的图形语法，以数据驱动，具有高度的易用性和扩展性，用户无需关注各种繁琐的实现细节，一条语句即可构建出各种各样的可交互的统计图表。

AntV的G6库致力于处理关系图，并且有很好的绑定与使用的接口。但是在实际的需求中，我们需要处理两个节点间的多度关系，这样就要求能有较好的边分布，或者对于整个图有更加好的节点分布计划。 这样可以保证是上下离散的点，并且较大限度利用两个点之间的区域来绘制边的。 但是在多点多边的情…

不知道你看到后有没有觉得很复杂，为了完成它，我大约用了一个小时左右。 本文会详细介绍一下实现的具体原理，研究明白后，动画的运动学基础应该也算是过关了吧。 1. 运动学一般原理 首先从运动动画的基本原理说起。 我们知道，根据 requestAnimationFrame 实时更新小…

Three这个流行的库目前突破了56K Star，是创建一个易于使用，轻量级，3D库默认的WebGL渲染器。在示例中，该库还提供了画布2D、SVG和CSS3D渲染器。threejs可以将它理解成three + js，three表示3D的意思，js表示javascript的意思。…

为了实现上面的效果我们先来构建出canvas的DOM，以及相关的shader代码。 这里的步骤和这篇文章中第一步是相同的，你可以移步这里查看，或者在最后我也会附上全部的代码（不要忘记引入相关的js文件）。 需要注意的是为了让火焰的位置在中间我这边canvas的宽度设置为了375…