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

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

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

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

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

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

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

数据可视化基础知识 数据可视化课程学什么_数据可视化

三、数据可视化学习路径

数据可视化基础知识 数据可视化课程学什么_可视化_02

四、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;