大家好,我是前端實驗室的小師妹!
沒想到吧,前端實驗室不止有大師兄,還有小師妹我呢~
今天小師妹跟大家聊聊數據可視化技術,介紹一款強大的數據可視化框架,並贈上一份可視化數據平臺資源(獲取方式在文末哦~)
什麼是數據可視化?可視化,是利用計算機圖形學和圖像處理技術,將數據轉換成圖形或圖像在屏幕上顯示出來,再進行交互處理的理論、方法和技術。以視覺可以感受的方式表達,增強人的認知能力,達到發現、解釋、分析、探索、決策和學習的目的。
簡單說數據可視化的本質是將數據通過各種視覺通道映射成圖形,可以使得用戶更快、更準確的理解數據。
可視化的應用已經深入我們的生活中,能以非常炫酷的方式給我們提供優質且量多的數據信息,像今年大家看的比較多的疫情信息圖,還有淘寶雙11的可視化數據大屏,都屬於可視化技術的應用。
目前網際網路公司一般可視化需求有:通用報表、移動端圖表、大屏可視化、地理可視化、圖編輯、圖分析。 AntV這款前端可視化框架由螞蟻集團數據可視化團隊精心打造的數據可視化解決方案。
統計圖表目前常用的幾款圖表庫有Highcharts、Echarts、amCharts等等,G2是螞蟻集團數據可視化團隊開源的一款圖表庫。
G2G2 是一套基於圖形語法理論的可視化底層引擎,以數據驅動,提供圖形語法與交互語法,具有高度的易用性和擴展性。使用 G2,你可以無需關注圖表各種繁瑣的實現細節,一條語句即可使用 Canvas 或 SVG 構建出各種各樣的可交互的統計圖表。
項目地址:https://github.com/antvis/g2
同時阿里團隊針對特定的框架和業務場景對G2庫進行了封裝,並開源!
BizchartsBizCharts是阿里通用圖表組件庫,致力於打造企業中後臺高效、專業、便捷的數據可視化解決方案,基於 G2與G2Plot封裝的React圖表庫。
項目地址:https://bizcharts.net/index
Viser阿里數據平臺技術部出品,不管是React,還是Angular,抑或是Vue,你都能在Viser裡找到解決方案。
項目地址:https://viserjs.github.io/
F2,一個專注於移動,開箱即用的可視化解決方案,完美支持 H5 環境同時兼容多種環境( Node.js,支付寶小程序、微信小程序、React Native、Weex)一份代碼,多設備多環境渲染。完備的圖形語法理論,滿足你的各種可視化需求。專業的移動設計指引為你帶來最佳的移動端圖表體驗。
項目地址:https://github.com/antvis/f2
DataV數據可視化是使用可視化應用的方式來分析並展示龐雜數據的產品(收費)。
項目地址:https://datav.aliyun.com/portal
使用DataV數據可視化,您可以:開發天貓雙11、阿里雲城市大腦同款數據可視化應用;開發工業級的數據可視化項目;使用海量的炫酷圖表組件;搭建專業級地理信息可視化應用等等。
文末有多套大屏可視化數據平臺項目實戰源碼,記得領取哦~
地理可視化 L7螞蟻金服 AntV 數據可視化團隊推出的基於 WebGL 的開源大規模地理空間數據可視分析開發框架。支持海量地理數據可視化分析,支持多線程運算的矢量瓦片方案。能夠滿足大屏可視化地理分析應用的需求。
項目地址:https://l7.antv.vision/zh
比如製作不一樣的疫情世界地圖——酷炫、動感的地理可視化,都可通過L7實現!
除了上述的這幾款還有如G6:便捷的關係數據可視化引擎與圖分析工具;X6:極易定製、開箱即用、數據驅動的圖編輯引擎;AVA:為了更簡便的可視分析而生的技術框架。
阿里集團開源的這幾款工具,幾乎覆蓋了可視化技術的所有使用場景,小師妹簡單介紹了前端可視化技術的一些框架,相信你認真看完這些會對前端可視化有一個大致的了解,更多實際的應用還需要大家去探索哦~
福利領取小師妹可是熬了兩宿才整理出一份包含一百多套大數據可視化(大屏展示)模板,包含行業:社區、物業、政務、交通、工程、醫療、金融銀行等多個行業!!!
怎麼領取?公眾號回復可視化模板就可以領取啦!!!
進了前端門,便是一家人
原創不易,點讚、留言、分享就是小師妹寫下去的動力!