OverView

从技术的角度来看，可视化技术与传统的前端技术（React / Vue）是两个完全不同的方向，但在我们日常开发实践中，其实是会相互用到的。比如我们做任何的项目，多少都会有遇到对应配套的Admin类型的管理系统，对终端进行管理，其中大概率会有的一个模版就是Dashboard，会有图表内容，进行数据展示，这也就是用到了可视化的技术，例如 EChart，来进行Dashboard内容的绘制。

前端技术与可视化.png

可视化领域的工具

• 图表库
  绘制大量的图表，比如，柱状图、折线图、饼图
  ChartJS
  

  ChartJS.png

• 地理库
  一座城市的交通线路和建筑物三维模型，或者一个园区的立体建筑模型等等，我们可能要依赖专业的 GIS 地图库
  Mapbox
  

  Mapbox.png

deck.gl

deck.gl.png

• 渲染库

2D:
SpriteJS

3D:
SpriteJS 3D Exension

SpriteJs.png

Three.js
Case ：
FF 91

demo.png

• 数据驱动框架
  专注于处理数据的组织形式，而将数据呈现交给更底层的图形系统（DOM、SVG、Canvas）或通用图形库（SpriteJS、ThreeJS）去完成。

D3.js
个人理解，是一种专注于3D抽象数据，通过数据构成，形成图形。