那個“炫酷狂拽”的數據可視化利器AntV 11.22版全新發布啦

導讀

AntV 是一個數據可視化項目,也是一個團隊,螞蟻金服數據可視化團隊,一羣有愛有夢的人,懷揣「讓人們在數據世界裏獲得視覺化思考能力」的夢想前行, 希望成就智能時代全球領先的數據可視化解決方案,滿足與日俱增的數據洞察需求。

AntV 目前覆蓋了統計圖表、移動端圖表、圖可視化、地理可視化、2D 繪圖引擎和智能可視化多個領域,主要包含 G2、G6、F2、L7 以及一套完整的圖表使用和設計規範。得益於豐富的業務場景和用戶需求挑戰,AntV 經歷多年積累與不斷打磨,已支撐起阿里集團內外 20000+ 業務系統,通過了日均千萬級 UV 產品的嚴苛考驗,是阿里經濟體數據可視化最重要的基礎設施。

跟往年的品牌日一樣,今天依舊會有幾個底層基礎類庫的大量更新發布,除此之外,非常高興的向大家介紹 AntV 產品矩陣新添的三個成員:

  • G2Plot,一個基於 G2,開箱即用、易於配置、具有良好視覺和交互體驗的通用圖表庫;

  • Graphin,一個基於 G6,專注關係可視分析領域的 React 組件庫,簡單,高效,開箱即用;

  • ChartCube,一個可以快速完成圖表製作的在線工具,只需要三步就可以創建出高品質的圖表;

他們都是 AntV 技術棧上的更高抽象的封裝或應用,詳見文稿詳情。

跟往年的品牌日不一樣,今年的品牌日主題爲「知源 · 致遠」,除了上述技術、設計的更新與發佈,我們真誠的向大家分享 AntV 團隊的由來與發展歷程,詳見文末 AntV 全員出鏡演繹的團隊紀錄片,匠心知源,同行致遠。

匠心打磨,是時候給大家一個圖表庫了

—— G2Plot

G2Plot,一個基於 G2,開箱即用、易於配置、具有良好視覺和交互體驗的通用圖表庫。

G2 是一套基於可視化編碼的圖形語法,以數據驅動,具有高度的易用性和擴展性,用戶無需關注各種繁瑣的實現細節,一條語句即可構建出各種各樣的可交互的統計圖表。


每個人都能製作圖表,但並不是人人都能做出易讀,好用又好看的優秀圖表。如何從無聊的默認設置變成有洞見的數據圖表呢?我們融合了在商業智能(BI)中的可視分析與設計實踐經驗,基於 G2 的靈活、強大的可視表達能力,抽象常用圖表類型封裝出全新的可視化圖表庫 G2Plot。結合真實數據,製作圖表,獲取專業的可視化。

我們曾經說過 G2 是一個可以生產圖表庫的圖表庫,如今自證預言的推出 G2Plot 除了具備 G2 無限可能的可視表達能力外,G2Plot 最主要的特性還有:

  • 開箱即用:默認好用開箱即用的高質量統計圖表

  • 響應式:針對各種分辨率的響應、文本覆蓋、文本超出限制做了精心的設計

  • 會講故事的圖表:提供了多圖組合、疊加、聯動,共同講述一個數據故事的可能性

1cd18064-2201-4d93-a538-a6d5768a3e9f.png

5777be19-4c59-496e-b2ab-6b50bc826aec.gif

提前預告的還有 G2 4.0,在 G2 1.0 - 2.0 階段我們專注於圖形語法,解決了數據到圖形的映射問題,用戶可以通過自由組合圖形語法快速搭建各種圖表。G2 3.0 隨着業務對圖表體驗需求不斷升級,我們對圖表組件以及交互進行了改造,提供了更加靈活的配置以及自定義功能。而此次 G2 4.0 對我們來說是一個很重要的新起點,我們對底層架構做了大量的重構工作,當前 G2 4.0 Alpha 版本已放出,穩定版預計將在兩個月後正式發佈,她將是一個專業的、給用戶帶來更多可能性的可視化底層引擎,在保證圖表優雅體驗的同時,4.0 將會更加關注於:

  • 圖形語法,數據到圖形的映射;

  • 交互語法,交互同數據、圖形的連接機制;

  • 組件體系,面向交互、體驗優雅;

點線析源遠,洞察關係數據

—— Graphin

Graphin,取名自 Graph Insight,圖的分析洞察,一個基於 G6,專注關係可視分析領域的 React 組件庫,簡單,高效,開箱即用。

G6 AntV 旗下的圖分析及圖可視化引擎,G 來自於 Graphic、Graph ,意味着我們要基於圖分析技術做圖可視化;6 來自於《六度分隔理論》,表達了我們對關係數據、關係網絡的敬畏和着迷。


目前圖分析已經被廣泛應用在金融反欺詐,公共安全,基礎設施監控,智慧醫療等領域。在這個過程中,我們需要一個強大的圖計算引擎,解決數據合規,挖掘問題。也需要相應的圖算法去解決圖的構建,分析問題。最後在前端,我們需要一個圖可視化引擎,爲我們提供可視化分析能力,發現潛在的價值。

Graphin 就是在這樣的背景下誕生的,基於 G6 的底層能力一方面屏蔽掉一些領域專業的概念,同時又封裝進去很多常用的圖分析功能,進一步降低圖可視化領域的專業門檻,將這些關係數據進行可視化分析與探索。Graphin 具有如下產品特性:

  • 數據驅動:充分利用 React 框架特性,支持數據到圖的映射與變化;

  • 自動佈局:內置豐富的佈局,支持佈局切換,滿足不同場景下的佈局需求;

  • 分析組件:內置 Toolbar,ContextMenu,MiniMap,Filter 等組件,組件化開發,支持自定義;

  • 自定義樣式:內置節點與邊的樣式,支持用戶通過 JSON Schema 自定義;

  • 基礎分析:支持節點擴散,尋找邊關係等基礎分析方法;

  • 高級分析:開源後計劃新增時序分析(timebar),地理位置分析(map mode)等高級分析方法。

1d966801-eece-4215-a1fa-794de895a36b.gif

值得一提的是,G6 從 18 年開源到現在已經第 2 個版本,從基礎關係圖繪製到圖分析與圖編輯底座,而在 3.1.版本後的 G6 已重新聚焦在圖分析方向,我們將會給出另外一個產品去承載圖編輯方向的需求。有了這個改變,今天我們帶來的 G6 3.2 版本能夠更聚焦的提供:

  • 更豐富的元素:內置豐富的節點與邊元素,自由配置,支持自定義;

  • 更可控的交互:內置 10+ 交互行爲,支持自定義交互;

  • 更強大的佈局:內置了 10+ 常用的圖佈局,支持自定義佈局;

  • 更便捷的組件:優化內置組件功能及性能;

  • 更友好的體驗:根據用戶需求分層梳理文檔,支持 Type 類型推斷。


除了上述默認好用、配置自由的內置功能,元素、交互、佈局均具有高可擴展的自定義機制。

e0cc7fd7-49e8-460c-adb8-4c7721c36348.png

7fbc3c2f-8d3b-476b-aeca-fb9bab11f550.gif

豐富的內置元素。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章