導(dǎo)讀
G6 是 AntV 旗下的一款專業(yè)級(jí)圖可視化引擎，它在高定制能力的基礎(chǔ)上，提供簡(jiǎn)單、易用的接口以及一系列設(shè)計(jì)優(yōu)雅的圖可視化解決方案，是阿里經(jīng)濟(jì)體圖可視化與圖分析的基礎(chǔ)設(shè)施。今年 AntV 11.22 品牌日，我們帶來(lái)了新的 G6?3.2.0 版本。該版本著重改進(jìn)了開發(fā)體驗(yàn)，增加了許多新元素和組件，并提供了更為高級(jí)的布局算法。
與此同時(shí)，我們發(fā)布一款基于 G6 引擎封裝的、開箱即用的圖可視化工具——Graphin，你只要對(duì)它進(jìn)行簡(jiǎn)單配置，就可以迅速搭建起一個(gè)功能強(qiáng)大、樣式美觀的圖可視化分析應(yīng)用。
G6，洞察關(guān)系數(shù)據(jù)
G6 名稱由來(lái)：G6 是螞蟻金服-AntV 旗下的圖可視化與圖分析引擎，G 來(lái)自于 Graphic、Graph ，意味著我們要基于圖分析技術(shù)做圖可視化；6 來(lái)自于《六度分隔理論》，表達(dá)了我們對(duì)關(guān)系數(shù)據(jù)、關(guān)系網(wǎng)絡(luò)的敬畏和著迷。
功能聚焦的圖可視化引擎
展示，作為可視化最重要的基礎(chǔ)能力，其專業(yè)難點(diǎn)在于如何將復(fù)雜的關(guān)系數(shù)據(jù)以更低的視覺(jué)復(fù)雜度、更高的可讀性呈現(xiàn)給終端用戶。為此，G6 提供圖的渲染、繪制、交互、動(dòng)畫等可視化基礎(chǔ)能力。
- 豐富的內(nèi)置元素（8 種基礎(chǔ)類型節(jié)點(diǎn)，6 種基礎(chǔ)類型邊???及其變種）；
- 多樣的內(nèi)置交互（10+ 種）；
- ??易用的輔助組件。
除了上述默認(rèn)好用、配置自由的內(nèi)置功能，元素、交互、布局均允許用戶進(jìn)行自定義。
專業(yè)可靠的圖分析工具
可視化的另一大需求是分析。圖/關(guān)系數(shù)據(jù)的復(fù)雜性導(dǎo)致了算法專業(yè)度高、復(fù)雜度高等難點(diǎn)。G6 為支持業(yè)務(wù)中的流量分析、關(guān)系分析等需求提供了圖布局、算法、分析組件等圖分析基礎(chǔ)能力：
??強(qiáng)大的內(nèi)置布局（10+ 種）—— 豐富的配置項(xiàng)，并允許用戶自定義布局，切換隨心所欲。提供 WebWorker 機(jī)制，不再阻塞頁(yè)面；
便捷的分析組件 —— ??自由的配置，優(yōu)秀的性能。
Graphin，小試牛刀
Graphin 取名意為 Graph Insight（圖的分析洞察），是一個(gè)基于 G6 封裝的 React 組件庫(kù)。簡(jiǎn)單，高效，開箱即用。它的 Logo 是一個(gè)石墨烯（Graphene），意為蘊(yùn)藏未來(lái)的潛力。
目前圖分析已經(jīng)被廣泛被用在金融反欺詐，公共安全，基礎(chǔ)設(shè)施監(jiān)控，智慧醫(yī)療等領(lǐng)域。在這個(gè)過(guò)程中，我們需要一個(gè)強(qiáng)大的圖計(jì)算引擎，解決數(shù)據(jù)合規(guī)，挖掘問(wèn)題。也需要相應(yīng)的圖算法去解決圖的構(gòu)建，分析問(wèn)題。最后在前端，我們需要一個(gè)圖可視化引擎，為我們提供可視化分析能力，發(fā)現(xiàn)潛在的價(jià)值。Graphin 就是在這樣的背景下誕生的，將這些圖關(guān)系數(shù)據(jù)進(jìn)行可視化呈現(xiàn)，并對(duì)其進(jìn)行分析探索。
Graphin 就是在這樣的背景下誕生的，基于 G6 的底層能力一方面屏蔽掉一些領(lǐng)域?qū)I(yè)的概念，同時(shí)又封裝進(jìn)去很多常用的圖分析功能，進(jìn)一步降低圖可視化領(lǐng)域的專業(yè)門檻，將這些關(guān)系數(shù)據(jù)進(jìn)行可視化分析與探索。Graphin 具有如下產(chǎn)品特性：
數(shù)據(jù)驅(qū)動(dòng)：充分利用 React 框架特性，支持?jǐn)?shù)據(jù)到圖的映射與變化；
自動(dòng)布局：內(nèi)置豐富的布局，支持布局切換，滿足不同場(chǎng)景下的布局需求；
分析組件：內(nèi)置 Toolbar，ContextMenu，MiniMap，F(xiàn)ilter 等組件，組件化開發(fā)，支持自定義；
自定義樣式：內(nèi)置節(jié)點(diǎn)與邊的樣式，支持用戶通過(guò) JSON Schema 自定義；
基礎(chǔ)分析：支持節(jié)點(diǎn)擴(kuò)散，尋找邊關(guān)系等基礎(chǔ)分析方法；
高級(jí)分析：開源后計(jì)劃新增時(shí)序分析（timebar），地理位置分析（map mode）等高級(jí)分析方法。
數(shù)據(jù)驅(qū)動(dòng)的 Graphin 可快速映射雜亂無(wú)序的關(guān)系數(shù)據(jù)到視圖上。例如，用戶可以自由探索團(tuán)伙、組織層次等關(guān)系。撤銷重做、拖拽圈選、分析組件、高級(jí)分析方法等輔助功能使 Graphin 更加易用。Graphin 希望通過(guò)開源共建的方式，吸引更多的人加入，深入探索這一領(lǐng)域。
如果你對(duì) Graphin 的使用感興趣，請(qǐng)閱讀《快速開始》。
結(jié)語(yǔ)
兩個(gè)點(diǎn)，一條邊，就是一幅圖，圖可視化就是這么簡(jiǎn)單；
點(diǎn)線可以變化無(wú)窮，姿態(tài)萬(wàn)千，圖可視化又是這樣復(fù)雜；
平凡的點(diǎn)與線便可構(gòu)成亦繁亦美的關(guān)系世界。
圖可視化，G6 一直在努力。更多功能，敬請(qǐng)期待，歡迎點(diǎn)亮 GitHub Star。
附
AntV品牌日的發(fā)布詳情
知源 · 致遠(yuǎn) - AntV 11.22 年度發(fā)布
技術(shù)
洞察關(guān)系數(shù)據(jù) - AntV 的圖可視化與圖分析
設(shè)計(jì)
打造默認(rèn)好用的企業(yè)級(jí)圖表-G2Plot
從「心」出發(fā)之 L7 地圖可視化設(shè)計(jì)
產(chǎn)品
圖表制作可以很簡(jiǎn)單 - 圖表魔方 ChartCube
知源 · 致遠(yuǎn) - AntV 的那些人，那些事兒
AntV 項(xiàng)目鏈接
歡迎關(guān)注我們的 GitHub 項(xiàng)目，點(diǎn)亮 star 了解我們的實(shí)時(shí)動(dòng)態(tài)，期待 pr：
AntV 官網(wǎng)：https://antv.alipay.com
G2：https://github.com/antvis/g2
G2 是一套基于可視化編碼的圖形語(yǔ)法，以數(shù)據(jù)驅(qū)動(dòng)，具有高度的易用性和擴(kuò)展性，用戶無(wú)需關(guān)注各種繁瑣的實(shí)現(xiàn)細(xì)節(jié)，一條語(yǔ)句即可構(gòu)建出各種各樣的可交互的統(tǒng)計(jì)圖表。
G2Plot：https://github.com/antvis/g2plot
G2Plot 的定位是開箱即用、易于配置、具有良好視覺(jué)和交互體驗(yàn)的通用圖表庫(kù)。
F2：https://github.com/antvis/f2
F2 是一個(gè)專注于移動(dòng)，開箱即用的可視化解決方案，完美支持 H5 環(huán)境同時(shí)兼容多種環(huán)境（node, 小程序，weex）。完備的圖形語(yǔ)法理論，滿足各種可視化需求。專業(yè)的移動(dòng)設(shè)計(jì)指引為你帶來(lái)最佳的移動(dòng)端圖表體驗(yàn)。
G6：https://github.com/antvis/g6
G6 是 AntV 旗下的圖可視化與圖分析引擎，G 來(lái)自于 Graphic、Graph ，意味著我們要基于圖分析技術(shù)做圖可視化；6 來(lái)自于《六度分隔理論》，表達(dá)了我們對(duì)關(guān)系數(shù)據(jù)、關(guān)系網(wǎng)絡(luò)的敬畏和著迷。
Graphin：https://github.com/antvis/graphin
Graphin 是一個(gè)基于 G6 封裝的關(guān)系可視分析工具 ，簡(jiǎn)單，高效，開箱即用，取自 Graph Insight，圖的分析洞察。
L7：https://github.com/antvis/l7
L7 是一個(gè)基于 WebGL 的開源大規(guī)模地理空間數(shù)據(jù)可視分析開發(fā)框架。L7 中的 L 代表 Location，7 代表世界七大洲，寓意能為全球位置數(shù)據(jù)提供可視分析的能力。
G 是 AntV 幾個(gè)產(chǎn)品共同的底層 2D 渲染引擎，高效易用，專注于圖形的渲染、拾取、事件以及動(dòng)畫機(jī)制，給上層 G2、F2、G6 提供統(tǒng)一的渲染機(jī)制。
ChartCube：https://chartcube.alipay.com
ChartCube 是一個(gè)可以快速完成圖表制作的在線工具，只需要三步就可以創(chuàng)建出高品質(zhì)的圖表。
