charts : AntV?全新一代數據可視化解決方案


charts : AntV?全新一代數據可視化解決方案

代碼擼到現在,見了不少的數據可視化解決方案,當然也用了不少,例如Echarts、Vega、AntV、D3、uCharts、Hightchart、Smartbi、DataHunter等等一系列數據可視化解決方案。說不上哪個好?各自有各自的強大之處,今天我就主要說一下AntV,大家來評價一下!

AntV 是螞蟻金服全新一代數據可視化解決方案,致力於提供一套簡單方便、專業可靠、無限可能的數據可視化最佳實踐。

AntV(G2)的設計出發點是圖形。提供圖形基本元素不同特徵到數據的映射方法。G2對可視化的理解是微觀的、拆解的。這使得G2在數據對圖形的控制上要更自由,更抽象通用。你會關心顏色要怎麼映射到數據大小上,但是你不需要關心這種類型的圖表是否允許你這樣去做,這意味著你可能會寫出各種非常見的圖表類型。


charts : AntV?全新一代數據可視化解決方案


當然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這方面仍不夠成熟。

衍生產品


charts : AntV?全新一代數據可視化解決方案

1、G2 可視化引擎

G2 一套面向常規統計圖表,以數據驅動的高交互可視化圖形語法,具有高度的易用性和擴展性。使用 G2,你可以無需關注圖表各種繁瑣的實現細節,一條語句即可使用 Canvas 或 SVG 構建出各種各樣的可交互的統計圖表。


charts : AntV?全新一代數據可視化解決方案


2、G6 圖可視化引擎

G6 是一個簡單、易用、完備的圖可視化引擎,它在高定製能力的基礎上,提供了一系列設計優雅、便於使用的圖可視化解決方案。能幫助開發者搭建屬於自己的圖可視化、圖分析、或圖編輯器應用。


charts : AntV?全新一代數據可視化解決方案


3、F2 移動端可視化方案

F2 是一個專注於移動,開箱即用的可視化解決方案,完美支持 H5 環境同時兼容多種環境(Node, 小程序,Weex),完備的圖形語法理論,滿足你的各種可視化需求,專業的移動設計指引為你帶來最佳的移動端圖表體驗。


charts : AntV?全新一代數據可視化解決方案


4、L7 空間數據可視分析

螞蟻金服 AntV 數據可視化團隊推出的基於 WebGL 的開源大規模地理空間數據可視分析開發框架。


charts : AntV?全新一代數據可視化解決方案


5、G2Plot 開箱即用的圖表庫

G2Plot 是開箱即用、易於配置、具有良好視覺和交互體驗的通用統計圖表庫。


charts : AntV?全新一代數據可視化解決方案


6、Graphin 圖的分析洞察

Graphin 取名意為 Graph Insight(圖的分析洞察),是一個基於 G6 封裝的 React 組件庫,專注在關係可視分析領域,簡單高效,開箱即用。


charts : AntV?全新一代數據可視化解決方案


7、ChartCube 圖表魔方

AntV 在線圖表製作工具 拖拽之間快速搞定圖表製作


charts : AntV?全新一代數據可視化解決方案


AntV 企業級可視化解決方案

AntV 3.0 已全新升級,主要包含 G2、G6、F2、L7 以及一套完整的圖表使用和設計規範。如果需要使用的可去官方文檔查看,不過文檔還是沒有eCharts豐富,需認真學習。


分享到:


相關文章: