初识前端数据可视化

目录

概念

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

前端三件套 

Echarts.js

Highcharts.js 

D3.js

Vue.js

python

编译器

---

概念

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

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

  

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

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

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

前端三件套 

前端三件套即：Html,css和JavaScript。(挺火的一本小说叫JavaScript百炼成仙来着)

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

制作项目这三项缺一不可，steam上的各种整活游戏，就差不多是某一项做的不完美(虽然可能是故意这么干的，好吸引眼球)

所以，学习前端三件套不能说先学哪个，三者同步进行学习或者先学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较为简单方便而已。

编译器

前端数据可视化的编译器通常是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