這套前端可視化框架，讓數(shù)據(jù)栩栩如生！

AntV，螞蟻出品，前端數(shù)據(jù)可視化，有這一套就夠了！

隨著大數(shù)據(jù)的發(fā)展，人們?cè)絹?lái)越多地使用數(shù)據(jù)分析來(lái)解決問(wèn)題。為了提高數(shù)據(jù)分析的效率，各種先進(jìn)的數(shù)據(jù)可視化工具應(yīng)需而生，可以直接根據(jù)指定的數(shù)據(jù)源，生成炫酷又直觀的圖表。

下面分享一套優(yōu)秀的前端數(shù)據(jù)可視化框架，AntV，由螞蟻集團(tuán)精心打造，可以讓數(shù)據(jù)栩栩如生。

說(shuō)是 “框架” 有點(diǎn)小看它了，AntV 其實(shí)是一套全新又完整的數(shù)據(jù)可視化 解決方案！基于一套標(biāo)準(zhǔn)的設(shè)計(jì)系統(tǒng)，打造了各式各樣的子項(xiàng)目，組成了一套完整的數(shù)據(jù)可視化架構(gòu)！

AntV 架構(gòu)圖

G2、F2、G6、X6、L7、AVA，這特么都是啥啊！

快讓我們來(lái)認(rèn)識(shí)一下每個(gè)子項(xiàng)目的作用。

G2

G2 是一套 面向常規(guī)統(tǒng)計(jì)圖表，以數(shù)據(jù)驅(qū)動(dòng)的高交互可視化圖形語(yǔ)法，具有高度的易用性和擴(kuò)展性。使用 G2，你可以無(wú)需關(guān)注圖表各種繁瑣的實(shí)現(xiàn)細(xì)節(jié)，一條語(yǔ)句即可使用 Canvas 或 SVG 構(gòu)建出各種各樣的可交互的統(tǒng)計(jì)圖表。

G2 圖表

此外，還有 G2Plot，基于 G2，是一套開(kāi)箱即用、易于配置、具有良好視覺(jué)和交互體驗(yàn)的 通用統(tǒng)計(jì)圖表庫(kù)。在 G2 的基礎(chǔ)上，添加了更多圖表類(lèi)型，易用性進(jìn)一步提升。

G2Plot

F2

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

此外，類(lèi)似的還有 F2Native，一個(gè) 專(zhuān)注于客戶(hù)端（Android/IOS）、開(kāi)箱即用、高性能的可視化解決方案。具有完備的圖形語(yǔ)法理論，滿(mǎn)足你的各種需求，專(zhuān)業(yè)的移動(dòng)設(shè)計(jì)指引為你帶來(lái)最佳的移動(dòng)端圖表體驗(yàn)。

F2Native 折線圖

G6

有時(shí)，G2 和 F2 提供的圖表可能并不適合展示具有復(fù)雜關(guān)系的圖，這時(shí)我們可以使用 G6。

G6 是一個(gè)簡(jiǎn)單、易用、完備的 圖可視化引擎，它在高定制能力的基礎(chǔ)上，提供了一系列設(shè)計(jì)優(yōu)雅、便于使用的圖可視化解決方案。能幫助開(kāi)發(fā)者搭建屬于自己的圖可視化、圖分析、或圖編輯器應(yīng)用。

以下圖表 G6 都能很好的支持：

G6 關(guān)系圖

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

Graphin