這套前端可視化框架,讓數(shù)據(jù)栩栩如生!
AntV,螞蟻出品,前端數(shù)據(jù)可視化,有這一套就夠了!
隨著大數(shù)據(jù)的發(fā)展,人們越來越多地使用數(shù)據(jù)分析來解決問題。為了提高數(shù)據(jù)分析的效率,各種先進的數(shù)據(jù)可視化工具應(yīng)需而生,可以直接根據(jù)指定的數(shù)據(jù)源,生成炫酷又直觀的圖表。
下面分享一套優(yōu)秀的前端數(shù)據(jù)可視化框架,AntV,由螞蟻集團精心打造,可以讓數(shù)據(jù)栩栩如生。
說是 “框架” 有點小看它了,AntV 其實是一套全新又完整的數(shù)據(jù)可視化 解決方案!基于一套標(biāo)準(zhǔn)的設(shè)計系統(tǒng),打造了各式各樣的子項目,組成了一套完整的數(shù)據(jù)可視化架構(gòu)!

G2、F2、G6、X6、L7、AVA,這特么都是啥?。?/strong>
快讓我們來認識一下每個子項目的作用。
G2
G2 是一套 面向常規(guī)統(tǒng)計圖表,以數(shù)據(jù)驅(qū)動的高交互可視化圖形語法,具有高度的易用性和擴展性。使用 G2,你可以無需關(guān)注圖表各種繁瑣的實現(xiàn)細節(jié),一條語句即可使用 Canvas 或 SVG 構(gòu)建出各種各樣的可交互的統(tǒng)計圖表。

此外,還有 G2Plot,基于 G2,是一套開箱即用、易于配置、具有良好視覺和交互體驗的 通用統(tǒng)計圖表庫。在 G2 的基礎(chǔ)上,添加了更多圖表類型,易用性進一步提升。

F2
區(qū)別于 G2,F(xiàn)2 是一個 專注于移動端、開箱即用的可視化解決方案,完美支持 H5 環(huán)境同時兼容多種環(huán)境(Node, 小程序,Weex),完備的圖形語法理論,滿足你的各種可視化需求,專業(yè)的移動設(shè)計指引為你帶來最佳的 移動端圖表 體驗。

此外,類似的還有 F2Native,一個 專注于客戶端(Android/IOS)、開箱即用、高性能的可視化解決方案。具有完備的圖形語法理論,滿足你的各種需求,專業(yè)的移動設(shè)計指引為你帶來最佳的移動端圖表體驗。

G6
有時,G2 和 F2 提供的圖表可能并不適合展示具有復(fù)雜關(guān)系的圖,這時我們可以使用 G6。
G6 是一個簡單、易用、完備的 圖可視化引擎,它在高定制能力的基礎(chǔ)上,提供了一系列設(shè)計優(yōu)雅、便于使用的圖可視化解決方案。能幫助開發(fā)者搭建屬于自己的圖可視化、圖分析、或圖編輯器應(yīng)用。
以下圖表 G6 都能很好的支持:

在 G6 的基礎(chǔ)上,螞蟻還開發(fā)了 Graphin,取名意為 Graph Insight(圖的分析洞察),是一個基于 G6 封裝的 React 組件庫,專注在關(guān)系可視分析領(lǐng)域,簡單高效,開箱即用,可以幫助我們生成各種輔助分析的關(guān)系圖表。

X6
X6 是 AntV 旗下的 圖編輯引擎,提供了一系列開箱即用的交互組件和簡單易用的節(jié)點定制能力,方便我們快速搭建 DAG 圖、ER 圖、流程圖等應(yīng)用。
區(qū)別于 G6,X6 更專注于 圖編輯,可以靈活地定義節(jié)點、邊的樣式和操作行為。

L7
L7 是基于 WebGL 的開源大規(guī)模地理空間數(shù)據(jù)可視分析開發(fā)框架,專注于空間數(shù)據(jù)可視分析,支持 2D、3D 一體化的海量數(shù)據(jù)高性能動態(tài)渲染。
AVA
除了上面的多種可視化框架外,螞蟻還開發(fā)了基于人工智能、更簡便的可視分析技術(shù)框架 AVA,可以根據(jù)數(shù)據(jù)智能生成多種不同的可視化圖表,避免了復(fù)雜的配置。

不得不感嘆,螞蟻金服的前端真的是非常專業(yè)了,如果要開發(fā)數(shù)據(jù)可視化應(yīng)用,一定要試試 AntV 呀!
項目鏈接:https://www.code-nav.cn/rd/?rid=b00064a760598f220b5dfd5a059de241