摘要:從年月,立項至今,已經過去了年半的時間。期間獲得過贊譽,也有吐槽,取得一定成就,也暴露過不少問題。這次,我們很高興的告訴大家,今天除了開源,還會開放取得了階段性成果的詳見鏈接。與產品深度融合為了避免和成為工程師閉門造車的產物。
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六
裂變配圖來源:http://www.guancha.cn/XiangFa..._11_08_433921_s.shtml
自 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,互幫互助,提有深度的問題,有建設性的建議。期待與大家共同努力,共同成長,共同進步~!
項目地址官網:https://antv.alipay.com/zh-cn/g6/
github:https://github.com/antvis/g6
最后夾帶幾個私貨:
《史上最 6 的可視化大賽》
《知乎?哲也!》
求賢若渴,若有意加入 AntV 請發送郵件至:antv@antfin.com
“此生與你赤誠相見是我莫大榮幸,往后的日子還請多多指教”? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? ? ? ? ? ? ? ?? —— AntV / G6
原文鏈接
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/108009.html
原文首發于我的博客,歡迎點擊查看獲得更好的閱讀體驗~ 更新內容 最新版本 請關注G6官方的github倉庫https://github.com/antvis/g6 2.x版本后,可以通過npm install直接安裝使用了 相關資源下載 antV G6( v1.2.8) 字體圖標 最近我司項目中需要加入流程圖制作功能,于是乎百度各種找可視化繪制拓撲圖的輪子,大部分都是國外的,看...
原文首發于我的博客,歡迎點擊查看獲得更好的閱讀體驗~ 更新內容 最新版本 請關注G6官方的github倉庫https://github.com/antvis/g6 2.x版本后,可以通過npm install直接安裝使用了 相關資源下載 antV G6( v1.2.8) 字體圖標 最近我司項目中需要加入流程圖制作功能,于是乎百度各種找可視化繪制拓撲圖的輪子,大部分都是國外的,看...
摘要:上周,一篇云主機測評文章云服務器哪家強阿里云騰訊云華為云深度評測在朋友圈引發了熱議。機型選擇通用實例阿里云通用平衡增強型,華為云通用計算增強型,以及騰訊云標準型。上周,一篇云主機測評文章《云服務器哪家強?AWS、Azure、阿里云、騰訊云、華為云深度評測》在朋友圈引發了熱議。然而其中,云主機性能一直頗為優秀,甚至在多次其它公開測評中位列第一的UCloud卻在此次測評中缺席,因此,測評的結果不...
摘要:據麻省理工學院和創業公司的項目負責人稱,這有助于解決在尋求建立世界上第一個核聚變電站的過程中最大的不確定性,該核聚變電站能夠產生比其消耗更多的能量。 .markdown-body{color:#595959;font-size:15px;font-family:-apple-system,system-ui,BlinkMacSystemFont,Helvetica Neue,PingFan...
racknerd怎么樣?racknerd商家最近促銷三款美國便宜vps,最低只需要9.49美元,可以選擇美國圣何塞、西雅圖、紐約和芝加哥機房。RackNerd是一家成立于2019年的美國高性價比服務器商家,主要從事美國和荷蘭數據中心的便宜vps、獨立服務器銷售!支持中文工單、支持支付寶和微信以及PayPal付款購買!點擊直達:racknerd官方網站INTEL系列可選機房:加利福尼亞州圣何塞、芝加...
閱讀 1039·2021-09-13 10:29
閱讀 3389·2019-08-29 18:31
閱讀 2633·2019-08-29 11:15
閱讀 3011·2019-08-26 13:25
閱讀 1369·2019-08-26 12:00
閱讀 2293·2019-08-26 11:41
閱讀 3376·2019-08-26 10:31
閱讀 1488·2019-08-26 10:25