目录

前端数据可视化的开发工具

前端三件套 

Echarts.js

Highcharts.js 

D3.js

Vue.js

python

Tableau

编译器

数据可视化的分支

信息可视化

科学可视化

可视分析学 

---

什么是前端？前端，通俗来说就是网页呈现给我们看的那部分。比如hao123这个页面，就是前端部分

同时，按F12即可查看其前端代码，如图

  

那什么是可视化呢 ，众嗦粥汁，一些数据就是一些奇奇怪怪的数字，比如xx比率啥的，而把这种奇奇怪怪的数字，转化成图片、表格、柱形图等，能够让我们巧妙的观察数据，就是可视化了。

如图就是可视化过程（网图）

前端数据可视化的开发工具

前端三件套 

前端三件套即：Html,css和JavaScript。

如果把前端比作一个人，那么Html就好比人的骨头骨架，css就好比皮肤衣服裤子等装饰物，而JavaScript就好比人的各种动作，各种系统。

制作项目这三项缺一不可。

所以，学习前端三件套不能说先学哪个，三者同步进行学习或者先学Html和css，然后再JS。

其中JS是要重点掌握的。

Echarts.js

Echarts是图片处理工具，是绘制可视化图形，设计图表之间交互开发的可视化系统。

推荐使用Echarts进行绘图。

官网下载地址:https://echarts.apache.org/zh/download.html

Highcharts.js 

Highcharts和Echarts类似，都是绘制图形工具。只是说Echarts是国产而Highcharts是国外产品 

D3.js

D3和Echarts差不多，都是绘制图形的工具，是目前web端评价最高的可视化工具库，但上手难度高。

Vue.js

Vue是绘制前端的框架，可以让结构看起来更美丽完美。

python

前端数据可视化大多默认使用python语言来打其后端代码，当然其他语言也行，只是说python较为简单方便而已。

Tableau

Tableau无需掌握编程知识，只需要导入一定的数据，即可自动生成对应的可视化图像。 

编译器

前端数据可视化的编译器通常是Visual Studio Code 简称vscode。

vscode下载地址：https://code.visualstudio.com/Download

vscode配置C/C++语言环境：https://www.bilibili.com/video/BV1A44y1C7mU?from=search&seid=11808966433730177646&spm_id_from=333.337.0.0

数据可视化的分支

数据可视化的三个分支，并不是绝对独立的，他们之间存在着交叉的部分。

信息可视化

信息可视化研究对象为：非结构化，非几何的抽象数据，相比于科学可视化，更关注于抽象，高纬度的数据。

例如：社交网络可视化

文本数据可视化

按照数据类型，信息可视化分为：时空数据可视化，层次与网络结构数据可视化，文本与跨媒体数据可视化，多变量数据可视化。

科学可视化

科学可视化面向科学与工程领域，研究对象为：带有空间信息和几何信息的三维测量数据。旨在呈现实测或仿真的科学数据中的特征，模式和演化规律

例如：地图可视化

科学可视化又可分为：标量场可视化，向量场可视化，张量场可视化。

顾名思义，标量可视化针对于单个数据，它属于一维数据。例如：气温，质量，密度，速率，时间等数据。

向量场可视化针对带有方向的数据，它属于二维数据。例如：风向，速度，位移等数据。

张量场可视化即多维度的可视化

可视分析学 

可视分析学是以交互式界面为基础的分析推理科学，它结合了可视化，人机交互与数据挖掘，主要目的是解决需要人参与理解和决策的多种实际问题。