G6 是 螞蟻金服-AntV 旗下的針對關系數據的可視化引擎。從 2016 年 12 月，G6 立項至今，已經過去了 1 年半的時間。在過去的時光里，G6 直接或間接的支持了阿里經濟體近一百個業務系統。期間獲得過贊譽，也有吐槽，取得一定成就，也暴露過不少問題。半年前，我們結合真實業務需求和業內成熟框架的特點，以及自己內心的丁點不安分創新，開啟了 G6 2.0 的開發工作，經過精心設計，以及與諸多業務方數月共同打磨 ——

今天，我們懷著誠心、真心、謙卑之心，以及「?**讓人們在數據世界里獲得視覺能力?**」的夢想，為大家奉上 G6 2.0。

G6 名字的由來

• 流程圖，流流流，666，溜溜溜？
• G2 叫 G two。G6 叫 G six ?
• G 是圖形可以理解，6 跟關系數據有什么關系？
• ……

由于這個問題被很多人問到過，所以在正式介紹 G6 2.0 的新架構，新特性之前，我們覺得還是有必要先介紹一下 G6 這個名字的由來。

G6 的 G 來自于 Graphic、Graph ，意味著我們要基于圖形技術做圖可視化；

G6 的 6 來自于《六度分隔理論》，表達了我們對關系數據，關系網絡的敬畏和著迷；

G6 念 G六

裂變

配圖來源：https://www.c82.net/blog/?id=71

自 G6 誕生以來，公司內部由 G6 承接的業務可以分為兩大類，一者是 **圖分析 類，二者是 圖編輯 類。兩者雖說都是關系型數據，但兩者的側重點各不相同，前者更注重繪制的性能、布局的質量，數據鉆取等分析體驗。后者更注重命令操作、數據讀存等人機交互的編輯體驗。由于之前人力上和認識上的局限，**1.0 中我們強行把兩個場景全部揉在 G6 這一個庫里，隨著業務的發展，G6 自身變得越來越臃腫，越來越矛盾，發展變得舉步維艱。團隊同學經過深入討論和思考，決定將 G6 一分為二，由此，G6 開始了工程上的裂變：

干活程序員：這絕對是一個蠻大的架構變化，甚至從工程上談得上傷筋動骨，陷入深坑，有條件要上，沒有條件創造條件也要上 ⊙﹏⊙

更完備

完備圖項

2.0 中我們除了原有的兩個基本圖項（Item），節點（Node），邊（Edge），還引入了另外兩個基本元素：組（Group），導引（Guide）。至此，我們可以基于 G6 在思維完全不饒的情況下去畫任何你想畫的圖。（意味著以后你可以再也不用偷換概念的去用節點模擬一個組，模擬一個背景，或其它什么東西。）

• 群組

• 導引信息

層級拍平

G6 1.0 中節點和邊位于兩個圖層，這個時候意味著，你只能讓所有邊都在節點上方或者都在下方。2.0 中我們將節點和邊放在了同一個圖層，這意味這你可以任意控制不同邊和節點間的層疊關系。

更精簡、更清晰、更友好的接口設計

隨著 2.0 架構的升級，G6 沉為了底層的關系圖可視化引擎，其本身不提供（很少提供）上層建筑（節點類型、邊類型、基礎交互、布局算法）的具體實現，只提供一套高可擴展的機制。得益此次的減負，G6 優化了大量接口設計，如果用過 1.0，相信大家能明顯感受到接口更精簡，更自洽，概念更清晰。詳見：鏈接 。

開放插件擴展

為了更好的沉淀一些中等程度的、具體場景相關的工作，以及為了和社區更好的融合形成合力，G6 2.0 中我們開放了插件的擴展。詳見：鏈接 。

聚變

配圖來源：https://www.google.com.hk/search

在決定了 G6 未來上面會長 G6-Analyser 和 G6-Editor 兩個獨立項目后，我們深刻的明白，光靠工程是做不好上面兩件事情的，我們需要更多與其它專業領域深度融合。

這次，我們很高興的告訴大家，今天除了開源 G6 ，還會開放取得了階段性成果的 G6-Editor ! 詳見：鏈接** 。**

與設計深入融合

數據可視化可能一開始就跟美是分不開，而且我們又在 UED 部門，所以我們首先會想到和專業的設計同學深度融合。本次 G6-Editor 作為一個相對上層的中間件，其對外輸出的一半是工程，另一半是設計。大家也許很難想象，為什么設計占了如此分量大，看完這篇 G6-Editor 交互設計沉思錄 ，大家應能窺得一斑。

與產品深度融合

為了避免 G6-Analyser 和 G6-Editor 成為工程師閉門造車的產物。在打造這兩個技術產品時，我們會和內部大量的商業產品深入合作，對各個交互細節反復推敲。最終將經過成熟的思考的結論內化到 G6 技術棧。

產品的深度合作，使得我們更有可能打造精品，并為未來打造開箱即用 圖分析 與 圖編輯 中間件打下堅實基礎。

• 語雀腦圖 （內測中）

• 內部分析應用 -- 河流圖（數據虛構）

• 內部分析應用 -- 流量網圖（數據虛構）

開源·寄語

幾經努力 G6 終于也走上了 **開源 之路，心中小辛酸根本難掩內心深處的喜悅。希望開源之后能更好的回饋社區，更好的從社區中汲取養分，希望大家在使用過程中多看文檔，善研代碼，勤提PR，互幫互助，提有深度的問題，有建設性的建議。**期待與大家共同努力，共同成長，共同進步～！

項目地址

官網：antv.alipay.com/zh-cn/g6/

github：github.com/antvis/g6

最后

夾帶幾個私貨：

• 《史上最 6 的可視化大賽》
• 《知乎？哲也！》
• 求賢若渴，若有意加入 AntV 請發送郵件至：antv@antfin.com

“此生與你赤誠相見是我莫大榮幸，往后的日子還請多多指教”

—— AntV / G6

原文鏈接

轉載于:https://juejin.im/post/5b175ae35188257d4849d282

總結

以上是生活随笔為你收集整理的G6 2.0 开源发布 -- 裂变·聚变的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。