目錄

概念

前端數據可視化的開發(fā)工具

前端三件套?

Echarts.js

Highcharts.js?

D3.js

Vue.js

python

編譯器

---

概念

什么是前端？前端，通俗來說就是網頁呈現(xiàn)給我們看的那部分。比如hao123這個頁面，就是前端部分

同時，按F12即可查看其前端代碼，如圖

??

那什么是可視化呢 ，眾嗦粥汁，一些數據就是一些奇奇怪怪的數字，比如xx比率啥的，而把這種奇奇怪怪的數字，轉化成圖片、表格、柱形圖等，能夠讓我們巧妙的觀察數據，就是可視化了。

如圖就是可視化過程（網圖）

前端數據可視化的開發(fā)工具

前端三件套?

前端三件套即：Html,css和JavaScript。(挺火的一本小說叫JavaScript百煉成仙來著)

如果把前端比作一個人，那么Html就好比人的骨頭骨架，css就好比皮膚衣服褲子等裝飾物，而JavaScript就好比人的各種動作，各種系統(tǒng)。

制作項目這三項缺一不可，steam上的各種整活游戲，就差不多是某一項做的不完美(雖然可能是故意這么干的，好吸引眼球)

所以，學習前端三件套不能說先學哪個，三者同步進行學習或者先學Html和css，然后再JS。

其中JS是要重點掌握的。

Echarts.js

Echarts是圖片處理工具，是繪制可視化圖形，設計圖表之間交互開發(fā)的可視化系統(tǒng)。

推薦使用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++語言環(huán)境：https://www.bilibili.com/video/BV1A44y1C7mU?from=search&seid=11808966433730177646&spm_id_from=333.337.0.0

總結

以上是生活随笔為你收集整理的初识前端数据可视化的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。