数据可视化学习笔记之预习篇

最近在跟着月影老师的课学习可视化 ，之前做可视化的项目都是调库调API的，现在系统深入的学习一下可视化，特对课程内容做一些笔记，记录下方便查阅复习。

 

一、前端工程师为什么要学可视化？

1、业务需要，现在很多 C 端或者 B 端的互联网产品都离不开可视化，尤其是管理系统，很多都会要求通过图表展示数据，现在很多智慧社区、智慧家居等都会用到数据大屏来展示各项数据。

2、可视化能实现很多传统web网页无法是实现的效果。

二、如何成为一名可视化工程师？

       不要停留在会使用某个库，会调用API的程度，必须深入技术栈的底层，充分理解数据，掌握视觉呈现相关的技术和基本原理。打好基础之后，再系统地学习可视化领域的方法论，才能提高解决问题的能力。

        从下图的 可视化知识体系结构图，可以看到可视化内容多且广，想要快速成为一名可视化工程师，不需要全部深入学习，而是有重点的去进行学习，如：视觉主要涉及四个部分，分别是理论基础、图形系统、图形库和工具，我们应该把重点放在理论基础上，因为随着技术的发展，工具会改变，而基础不会。

三、数据可视化学习路径

四、Web前端与可视化的区别

1、技术栈不同

       Web 开发主要以 HTML 来描述结构，以 CSS 来描述表现，以 JavaScript 来描述行为。而可视化则较少涉及 HTML 和 CSS，它更多地要同浏览器的 Canvas、SVG、WebGL 等其他图形 API 打交道。

2、渲染内容不同

       Web 开发着重于处理普通的文本和多媒体信息，渲染普通的、易于阅读的文本和多媒体内容，而可视化开发则着重于处理结构化数据，渲染各种相对复杂的图表和图形元素

五、可视化领域的工具

 大体上分为四类，分别是：

图表库：专业呈现各种类型图表的，如: ECharts、Chartist.js、chart.js等；

地理库：专业处理地图、地理位置，如: Mapbox、Leaflet、Deck.gl；

渲染库：专业处理视觉呈现，如: ThreeJS、SpriteJS；

数据驱动框架：处理数据，如:D3.js;

 

 

ps：学习成长过程的记录，如有不恰当之，欢迎沟通交流！