前端工程师不写网页，还能做什么？
今天我想带大家了解的是可视化。相信大家在投简历找工作也遇到过可视化工程师的岗位，准确来说应该叫做WebGL工程师。
很多前端工程师在开发中不知不觉得会进行相关的可视化开发，但是会感觉到棘手和无所适从。那么WebGL工程师和前端工程师的区别到底在哪里呢？
首先是技术栈的不同，Web 开发主要以 HTML 来描述结构，以 CSS 来描述表现，以 JavaScript 来描述行为。而可视化则较少涉及 HTML 和 CSS，它更多地要同浏览器的 Canvas、SVG、WebGL 等其他图形 API 打交道。这是因为，Web 开发以呈现块状内容为主，所以 HTML 是更合适的技术。而可视化开发因为需要呈现各种各样的形状、结构，所以，形状更丰富的 SVG 以及更底层的 Canvas2D 和 WebGL 就是更合适的技术了。
其次就是偏向视觉方面信息的处理， Web 开发的前端主要还是关注内容和样式，图形的渲染和绘制是由浏览器底层来完成的，而可视化前端则可能要深入底层渲染层，去真正地控制图形的绘制和细节的呈现。
我们在可视化领域主要用到的工具依赖专业的 GIS 地图库：Mapbox，Arcgis等，如果要绘制其他更灵活的图像模型等就需要用到tree.js等渲染库。D3.js则更专注于数据的组织形式。
Echarts和D3.js的区别在于ECharts 等大部分图表库会提供封装好的图表类型，我们只需要简单配置一下参数就可以使用。但正因为如此，图表能够表现的形式也会被预设的图表类型和封装好的参数所固定了。如果我们想做一些非常个性化的视觉呈现形式，用图表库来做，相对就比较困难。而 D3.js 因为只关注数据的组织形式，将具体的渲染交给底层去做，所以更加灵活，扩展起来也很方便。但相对地，就不像其他的图表库一样，拥有完整的封装了，使用的门槛也就相对高一些。
学习可视化技术，可以拓宽我们的职业生涯道路，提高我们的技术水平，使我们对于一些图形化方面的处理有更深入的了解，市场对于WebGL工程师的缺口还是相当大的，具有十分广阔的前景和未来。
此文章为6月Day06学习笔记，内容来源于极客时间《跟月影学可视化》，强烈推荐该课程！
