數(shù)據(jù)可視化解決方案
前端數(shù)據(jù)可視化解決方案如下:
底層引擎
Skia
Skia?是 Chrome 和 Android 的底層 2D 繪圖引擎,具體可參考百度百科探熔,Skia 采用 C++ 編程昌阿,由于它位于瀏覽器的更底層,所以我們平常接觸較少
對底層繪圖感興趣的同學(xué)可以從這個案例入手讹堤,了解一下 C++ 的可視化編程吆鹤。
OpenGL
OpenGL(Open Graphics Library)是2D、3D圖形渲染庫洲守,它可以繪制從簡單的2D圖形到復(fù)雜的3D景象疑务。OpenGL 常用于 CAD沾凄、VR、數(shù)據(jù)可視化和游戲等眾多領(lǐng)域知允。
Chrome
Chrome 使用 Skia 作為繪圖引擎撒蟀,向上層開放了 canvas、svg温鸽、WebGL保屯、HTML 等繪圖能力。
技術(shù)特性
canvas
canvas 是 HTML5 的新特性涤垫,它允許我們使用 canvas 元素在網(wǎng)頁上通過 JavaScript 繪制圖像姑尺。
svg
SVG是一種基于 XML 的圖像文件格式,它的英文全稱為Scalable Vector Graphics蝠猬,意思為可縮放的矢量圖形
WebGL
WebGL(Web Graphics Library)是一種 3D 繪圖協(xié)議切蟋,WebGL可以為 HTML5 Canvas 提供硬件3D加速渲染,這樣Web開發(fā)人員就可以借助系統(tǒng)顯卡來在瀏覽器里更流暢地展示 3D 場景和模型了榆芦,還能創(chuàng)建復(fù)雜的導(dǎo)航和數(shù)據(jù)視覺化柄粹。
D3
D3(Data-Driven Documents) 是一個 Javascript 圖形庫,基于 Canvas匆绣、Svg 和 HTML驻右。
Three.js
Three.js?是一個基于 WebGL 的 Javascript 3D 圖形庫
Highcharts
Highcharts?是一個用純JavaScript編寫的一個圖表庫, 能夠很簡單便捷的在web網(wǎng)站或是web應(yīng)用程序添加有交互性的圖表崎淳,并且免費提供給個人學(xué)習(xí)堪夭、個人網(wǎng)站和非商業(yè)用途使用。Highcharts 系列包含 Highcharts JS凯力,Highstock JS茵瘾,Highmaps JS 共三款軟件,均為純 JavaScript 編寫的 HTML5 圖表庫咐鹤。
AntV
AntV?是螞蟻金服全新一代數(shù)據(jù)可視化解決方案拗秘,致力于提供一套簡單方便、專業(yè)可靠祈惶、無限可能的數(shù)據(jù)可視化最佳實踐雕旨。
AntV 包括以下解決方案:
G2:可視化引擎
G2Plot:圖表庫
G6:圖可視化引擎
Graphin:基于 G6 的圖分析組件
F2:移動可視化方案
ChartCube:AntV 圖表在線制作
L7:地理空間數(shù)據(jù)可視化
ECharts
ECharts,一個使用 JavaScript 實現(xiàn)的開源可視化庫捧请,可以流暢的運行在 PC 和移動設(shè)備上凡涩,兼容當(dāng)前絕大部分瀏覽器(IE8/9/10/11,Chrome疹蛉,F(xiàn)irefox活箕,Safari等),底層依賴矢量圖形庫?ZRender可款,提供直觀育韩,交互豐富克蚂,可高度個性化定制的數(shù)據(jù)可視化圖表