最近一位叫 @GameMCU的大佬用 Webgl、Three.js 等技术实现了一个 小米 SU7 在线体验网站：https://gamemcu.com/su7/被广大网友疯传，效果相当炸裂！

这次来尝试下canvas。之前基本没过使用canvas，只是听说过水印制作需要用到canvas。这次好好的学习了下，canvas能实现的远不止这些。这不就来实现了个简单的画板。

本文主要描述如何通过组件的方式引入ucharts图表，并汇总了使用过程中踩到的坑，如层级过高问题、默认显示提示框tooltip、提示框显示内容格式化等等。

本文会介绍一个简单的粒子效果，其原理类似RayMarch,属于广义上的光追path tracing。 光追绘图的基本思路，就是判断射线是否和片元相交，换言之，就是这个点是否在直线上。

DataJoin(数据连接)是D3中很重要的一个概念。上一章有提到D3是基于数据操作DOM的js库，DataJoin使我们能够根据现有 HTML 文档中的数据集注入、修改和删除元素。

使用canvas实现TOPO关系图 再社区中有很对基于canvas封装得图库，大大减少了使用canvas得计算等相关成本。比如: konvajs 推荐指数⭐⭐⭐⭐⭐ 上手比较简单，内置一套完整得事件系

前言 对于前端来说过渡效果大家并不陌生：比如div1在{x：200, y: 200} 过渡到{x:500, y:500}这个运动动画的过程就是过渡。在d3js当然也是有动画的啊d3.transitio

饼图和之前介绍的柱状图和折线图不同，不存在坐标系，也就不会有比例尺的映射。在折线图的介绍中，我们提到了d3提供了一些图形构造器并了解了一下d3.line以及d3.area

说到博客大家一定都不陌生，不管你是深耕职场多年的老鸟，还是在学校努力学习的小鸟，应该都有过一段“装扮”博客的经历，比如：放上喜欢的图片、添加炫酷的交互、换上 DIY 的博客主题等等。但不管再怎么“打扮