代碼擼到現在,見了不少的數據可視化解決方案,當然也用了不少,例如Echarts、Vega、AntV、D3、uCharts、Hightchart、Smartbi、DataHunter等等一系列數據可視化解決方案。說不上哪個好?各自有各自的強大之處,今天我就主要說一下AntV,大家來評價一下!
AntV 是螞蟻金服全新一代數據可視化解決方案,致力於提供一套簡單方便、專業可靠、無限可能的數據可視化最佳實踐。
AntV(G2)的設計出發點是圖形。提供圖形基本元素不同特徵到數據的映射方法。G2對可視化的理解是微觀的、拆解的。這使得G2在數據對圖形的控制上要更自由,更抽象通用。你會關心顏色要怎麼映射到數據大小上,但是你不需要關心這種類型的圖表是否允許你這樣去做,這意味著你可能會寫出各種非常見的圖表類型。
當然AntV系也有提供圖表層的封裝庫G2-Plot。同時,Echarts也開始提供dataset、visualMap等功能。
G2相比echarts,提供了一種更接近聲明式的寫法,這使得你不需要關心數據的內容,不需要維護一些數據轉換的狀態,而是直接聲明這張圖表的組成信息。
echarts在與數據相對解耦的部分,如legend, axis, tooltip等,也可以說是聲明式的,但是牽扯到數據的部分就需要顯式的維護一些數據狀態。如下
<code>series:
[{
data:
[120,
200
,
150
,
80
,
7
,
110
,
130
],
type:
'bar'
}]
/<code>
相比G2更接近聲明式的寫法:
<code>chart
.interval
().position
('year*sales'
);/<code>
聲明式的寫法即提供了更簡潔的圖表開發模式,也提會提供一種更抽象的對圖表的描述方式,使得你關注可視化本身,而不是一些瑣碎的小任務。但相對而言只有g2做的比較到位,g6這方面仍不夠成熟。
衍生產品
1、G2 可視化引擎
G2 一套面向常規統計圖表,以數據驅動的高交互可視化圖形語法,具有高度的易用性和擴展性。使用 G2,你可以無需關注圖表各種繁瑣的實現細節,一條語句即可使用 Canvas 或 SVG 構建出各種各樣的可交互的統計圖表。
2、G6 圖可視化引擎
G6 是一個簡單、易用、完備的圖可視化引擎,它在高定製能力的基礎上,提供了一系列設計優雅、便於使用的圖可視化解決方案。能幫助開發者搭建屬於自己的圖可視化、圖分析、或圖編輯器應用。
3、F2 移動端可視化方案
F2 是一個專注於移動,開箱即用的可視化解決方案,完美支持 H5 環境同時兼容多種環境(Node, 小程序,Weex),完備的圖形語法理論,滿足你的各種可視化需求,專業的移動設計指引為你帶來最佳的移動端圖表體驗。
4、L7 空間數據可視分析
螞蟻金服 AntV 數據可視化團隊推出的基於 WebGL 的開源大規模地理空間數據可視分析開發框架。
5、G2Plot 開箱即用的圖表庫
G2Plot 是開箱即用、易於配置、具有良好視覺和交互體驗的通用統計圖表庫。
6、Graphin 圖的分析洞察
Graphin 取名意為 Graph Insight(圖的分析洞察),是一個基於 G6 封裝的 React 組件庫,專注在關係可視分析領域,簡單高效,開箱即用。
7、ChartCube 圖表魔方
AntV 在線圖表製作工具 拖拽之間快速搞定圖表製作
AntV 企業級可視化解決方案
AntV 3.0 已全新升級,主要包含 G2、G6、F2、L7 以及一套完整的圖表使用和設計規範。如果需要使用的可去官方文檔查看,不過文檔還是沒有eCharts豐富,需認真學習。