AntV G6 是一款開源的圖可視化引擎,專注於圖可視化及圖分析領域。 > 歡迎關注和 star 我們的 GitHub:https://github.com/antvis/G6 > 官網:https://g6.antv.vision/zh/
沒有什麼能夠阻擋 G6 的迭代和發布。時隔 2 個月,G6 3.5 帶來了兩大新特性:節點分組 Combo 及圖算法。
> 通常認為,幾個節點可以產生洞察,那麼成千上萬的節點則可以產生更多的洞察。但實際情況下,節點往往數量龐大,邊錯綜複雜。圖過於密集時,用戶無法一目了然地看清楚所有關係。 >
> Combo(組合)是節點和邊的可視化分組,提供了一種直觀而強大的方法來探索複雜的關係數據,有效地降低了複雜圖的視覺混亂程度。
Demo 戳這裡
周末,小明的女朋友想看浪漫的法國劇情類電影,小明內心 OS:為啥不看緊張刺激的《藍貓淘氣三千問》呢?可是,誰敢和女朋友講道理?於是他默默找起了電影。
作為程序猿中的小明,自然有他拿手的找片電影方式,在女朋友的注視下,他很快地找到了最新的電影數據,然後使用 G6 繪製出了電影分布圖,節點代表電影,使用顏色代表電影的類型、出品國等信息。但是,要找到合適的電影似乎無從下手。女朋友這時也看不下去了說到:難道你就這水平?
「🚀Combo,布局,交互」你可以侮辱我,但絕對不能侮辱我的水平,小明的心中一萬頭羊駝奔騰而過,但無奈敢怒不敢言,正當小明無地自容的時候,他突然想起前幾天在 G6 交流群裡看到分組 Combo 的信息,抱著死馬當活馬醫試一試的心態,小明用 G6 v3.5 的 Combo 機制,將電影按不同類別、不同出品國進行了分類,重新畫了這樣一張圖,當小明正準備從這張新圖中找電影時,女朋友尖叫一聲,我看到了,就是它,小明被嚇一跳,原來是女朋友找到了合適的電影《Silent House》,劇情類的✅,法國的✅。於是小明與女朋友開心地打開了電影……emmm,是個「浪漫的」驚悚片。
「🚀Combo 與節點拖拽」在幫女朋友找電影的過程中,小明發現了有些電影的分類有誤,比如《侏羅紀公園》應該是美國的劇情電影,於是他幫著重新調整了一下:
「🚀自定義 Combo」小明想給女朋友展示這個高大上的玩意兒,可是女朋友是個顏控,他還得用自己的直男審美稍微設計設計:
原來和女朋友看電影還可以解鎖新姿勢啊,短短的一部電影時間,小明就完全掌握了了西湖區最完善的節點分組方案:
上述小明找電影只是一個簡單的示例,更複雜的場景中可能有錯綜的邊、深層嵌套的分組、複雜的交互需求等,如下圖集群管理:
Combo 強大功能的背後,是 G6 付出的努力。比如(每一個功能點都有複雜的算法和策略設計,感興趣的小夥伴可以戳 這裡):
對於一款圖可視化及圖分析引擎來說,圖算法可以遲到,但絕不會缺席。在 G6 3.5 版本中,我們首次將圖算法引入到了 G6 中。本次新增了深度優先 DFS、廣度優先 BFS 及環路檢測三個算法。以後的迭代中我們還將不斷豐富 G6 中的圖算法。
有些時候,我們必須根據各種事物間的依賴關係來確定一種可接受的執行順序。比如,在選修課程時,只有選了 A 才能再選擇 B,或者一個複雜的項目,其中某個特定的階段必須在其他階段開始之前完成。類似這種場景,就是 DFS 大展身手的時候。
> 圖片來源
在程序故障分析問題中,節點代表程序中的方法,邊代表方法之間的調用關係。當已知一個節點發生 A 故障時,需要尋找的故障的根源,便需要從 A 節點開始遍歷 A 方法調用的方法,再遍歷這些方法所調用的方法,……,直到所有遍歷從 A 開始調用的方法,從而找到所有可能發生引發故障的節點集合。
> 圖片來源
擔保交易場景中,出現相互擔保是非常危險的事情,比如 A 給 B 擔保,B 給 C 擔保,C 又給 A 擔保,這樣就形成了相互擔保,即圖中的環。環路檢測算法正是用於處理這種情況的,但擔保交易的圖中,一旦出現環路,便實時預警,可以規避不必要的風險。
半年前,當我們第一次看到 Combo 的效果時,即堅定了 G6 也需要具備這樣的能力。從需求收集、方案設計、討論、開發測試,直到今天的發布,歷經近四個月。<br>2020 年,將是 G6 更加開放的一年。我們期待有更多志同道合的夥伴加入,共同推進 G6 的發展,感謝!
> AntV G6 是一款開源的圖可視化引擎,專注於圖可視化及圖分析領域。 > 歡迎關注和 star 我們的 GitHub:https://github.com/antvis/G6 > 官網:https://g6.antv.vision/zh/