天天看點

AntV 圖可視分析解決方案,來啦!

作者 | AntV圖可視化小組

相信大多數小夥伴們都是帶着疑問進來的:什麼是 AntV ?什麼是圖可視分析?什麼是解決方案?解決方案都有啥?為什麼要寫它?哈哈哈,小夥伴們稍安勿躁,此篇文章就是來回答這些問題的~

什麼是AntV?AntV 是螞蟻集團全新一代資料可視化解決方案。資料可視化呢,就是資料通過某種技術手段,直覺展示在人們眼前。這種技術就是可視化技術,對于正常的統計資料,我們有AntV的G2/G2Plot,把它們轉化為折柱餅圖展示(圖左);對于地理位置資訊,我們有AntV的L7,将它們展示在地圖上(圖中);對于關系資料呢,我們有AntV的G6,将它們展示在畫布上(圖右)

AntV 圖可視分析解決方案,來啦!

什麼是圖可視分析?如上右圖所示,關系資料也被稱為圖資料,将關系資料可視化出來,即為圖可視化,在圖可視化的基礎上,附加互動,布局,算法,分析方案等,完成一個分析任務,即為圖可視分析。

什麼是解決方案?顧名思義是解決問題的方案,方案的設計往往遵循 SCQA模型:Situation(背景),Complication(沖突),Question(問題),Answer(答案)。是以,解決方案以解決問題為導向,深入分析問題發生的背景,其中産生沖突的痛點問題,以及如何解決。

解決方案都有啥?AntV可視分析解決方案,是一份針對圖可視分析 需求方(普通使用者,圖領域分析師) 與 實作方(圖分析業務的産品,設計,前端同學)的解決方案。

AntV 圖可視分析解決方案,來啦!

在《AntV圖可視分析解決方案》中,以解決業務中的圖分析問題為導向,調研了業界 50+ 的圖分析産品,将業務中的圖分析子產品抽象,提煉,總結,形成一套包含 産品方案,設計方案,技術方案的總論述白皮書。

在《圖可視化解決方案:雲安全》,《圖可視化解決方案:知識圖譜》,《圖可視化解決方案:企業風控》,《圖可視化解決方案:圖資料庫》中,以案例為驅動,介紹圖可視化在其中的實踐與沉澱總結。

針對大規模圖資料場景下,海量節點/邊的計算和渲染都會引發浏覽器的性能問題,我們單獨拎出《圖可視化解決方案:性能優化》介紹了我們在極端性能挑戰下的技術方案。

為什麼要寫它? 此次釋出的圖可視分析的解決方案白皮書,是我們聯合阿裡集團,螞蟻集團,參與圖可視化建設的同學,一同編寫而成的,過去幾年的業務發展讓我們意識到,相比于圖技術的疊代,對于圖認知的“疊代”同樣需要我們重視,如何深度抽象圖分析業務,又是如何利用圖技術助力業務創新,這些都是我們迫切想與業界同行分享交流的,AntV,乃至整個螞蟻體驗科技,都倡導簡單自由有愛的開源精神。開源解決方案,也是希望能夠利用社群的力量不斷完善,在尊重與協同中,讓大家的圖業務走的更遠。

導讀:《AntV 圖可視分析解決方案》

PDF閱讀位址

https://gw.alipayobjects.com/os/bmw-prod/452341c2-6adc-449c-b1aa-ba1a0d088d25.pdf

此篇白皮書,全文共計兩萬三千字,54頁PDF,來自内部各條業務線共計20+同學參與編寫。調研了國内外50+的産品,整個白皮書,從圖業務的不同角色入手,針對不同人群所面臨的圖可視分析問題,在不同的章節裡論述。

AntV 圖可視分析解決方案,來啦!

04.基本概念:介紹圖、圖分析、圖可視化的概念,以及它們解決的問題。這應該是大部分普通使用者所關心的話題。

05.行業調研:介紹圖領域的行業情況,試圖幫助使用者看清這個完整的圖領域大圖。

06.産品方案:對市面上的圖分析産品進行全方面調研,然後抽象出通用圖分析産品的設計方案。希望能夠幫助産品同學找到靈感。

07.設計方案:嘗試将圖産品的體驗設計架構、互動流程和視覺規範等要素進行統一。以幫助圖産品的産品經理或設計師快速地産出更好的設計方案。

08.技術方案:介紹常見的圖可視化技術選型。同時針對布局、互動、渲染、性能這 4 個角度,深度介紹技術解決方案。希望幫助開發同學快速搭建。

09.開源工具:介紹 AntV 在圖可視化領域中長期沉澱的開源工具:G6 與 Graphin。

導讀:《圖可視化解決方案:子領域》

AntV 圖可視分析解決方案,來啦!

雲安全

在分析網絡安全資料時,裝置、事件、位置、IP、簽名等之間的連接配接是發現異常、威脅和漏洞的關鍵。了解這些聯系的最好方法就是把它們形象化。

今天,在許多大型組織、金融機構和安全咨詢服務中都有網絡或 IT 的安全要求。這些組織需要保護自己免受如 0day 漏洞,DDoS 或網絡釣魚攻擊之類漏洞的侵害。他們從伺服器、路由器或應用程式日志和網絡狀态中收集資料,來檢測可疑活動。圖可視化可以一目了然地展示這些資料并檢測可疑模式。通過對連接配接狀态的可視化探索,可以更快速定位漏洞或攻擊。

詳細案例請參考白皮書:《圖可視化解決方案:雲安全》

https://gw.alipayobjects.com/os/bmw-prod/660e1732-ff10-4f00-8594-a08d5a2d11d8.pdf

知識圖譜

知識圖譜(Knowledge Graph)是一種用圖模型來描述知識和模組化世界萬物之間的關聯關系的技術方法。知識圖譜将資訊中的知識或者資料加以關聯,實作人類知識的描述及推理計算,并最終實作像人類一樣對事物進行了解與解釋,推動了從弱人工智能到強人工智能的發展。

知識圖譜由節點和邊組成。節點可以是實體(如一個人、一個支付裝置、一個企業等),也或是抽象的概念-本體類型(如人工智能、事物等)。邊可以是本體類型之間的關系,也可以實體與實體之間的關系,如投資關系、支付關系等。圖可視化可以更加清晰直覺地描述這種結構化的關系,利于看清,是知識圖譜領域的做圖表示、圖分析推理等重要基石。

詳細案例請參考白皮書:《圖可視化解決方案:知識圖譜》

https://gw.alipayobjects.com/os/bmw-prod/b6686d7a-2860-43a4-a75e-880490d5a414.pdf

企業風控

随着網際網路發展和數字化的程序,企業資料在規模上幾何增長,越來越多的企業面臨信用、合規、聲譽、第三方等諸多風險,企業風險控制的需求甚至也擴大到了政府、專業機構等各類細分領域。如何結合各個細分領域、業務場景,利用資料可視化技術,幫助企業更清晰發現和識别風險,進而将資料變成實際可用的風控産品和服務,這是當下企業風控需要解決的一個問題。

詳細案例請參考白皮書:《圖可視化解決方案:企業風控》

https://gw.alipayobjects.com/os/bmw-prod/0b872268-1388-457f-9358-c41327a861e1.pdf

圖資料庫

圖資料庫領域是最近幾年大資料領域熱度頗高的領域,從 DB Engines 的排名來看,自 2013 年開始,圖資料庫的發展就一騎絕塵。與傳統關系型資料庫不同,圖資料技術主要關注資料間關系查詢能力,是表示和查詢關聯關系的最佳方式。借助于圖資料庫技術:

可以快速從百億級電商網絡中比對出刷單團夥;

可以快速建構出人與人的社交關系,分析特定使用者的人際關系、關注度、轉發量等;

把IP、域名、主機等一些列實體建構成圖,可以快速發現諸如木馬網絡的不安全因素,輔以圖分析能力能夠很容易對不安全因素進行追根溯源。

詳細案例請參考白皮書:《圖可視化解決方案:圖資料庫》

https://gw.alipayobjects.com/os/bmw-prod/a381a006-85e8-4c55-83b3-278a02f83535.pdf

AntV 2020 品牌日的釋出詳情

利業·立業 - AntV 與業務的故事

https://www.yuque.com/antv/blog/2020story

技術專文

G2Plot 2.0 全新來襲

https://www.yuque.com/antv/blog/2020g2

F2Native 1.0 新的起點

https://www.yuque.com/antv/blog/2020f2

G6 棧:圖可視分析如此簡單

https://www.yuque.com/antv/blog/2020g6

X6 1.0 抱歉來晚

https://www.yuque.com/antv/blog/2020x6

L7 2.3 業務為本完善生态

https://www.yuque.com/antv/blog/2020l7

AVA 1.0 你的圖表參謀

https://www.yuque.com/antv/blog/2020ava

設計專文

2020,貼地飛行的 AntV 設計:

https://www.yuque.com/antv/blog/2020design

解決方案專文

AntV 圖可視分析解決方案,來啦:

https://www.yuque.com/antv/g6/solution

AntV 項目連結

歡迎關注我們的 GitHub 項目,點亮 star 了解我們的實時動态,期待 PR:

AntV 官網: https://antv.vision/

G2: https://github.com/antvis/g2

G2 是一套基于可視化編碼的圖形文法,以資料驅動,具有高度的易用性和擴充性,使用者無需關注各種繁瑣的實作細節,一條語句即可建構出各種各樣的可互動的統計圖表。

G2Plot: https://github.com/antvis/g2plot

G2Plot 的定位是開箱即用、易于配置、具有良好視覺和互動體驗的通用圖表庫。

F2: https://github.com/antvis/f2

F2 是一個專注于移動,開箱即用的可視化解決方案,完美支援 H5 環境同時相容多種環境(node, 小程式,weex)。完備的圖形文法理論,滿足各種可視化需求。專業的移動設計指引為你帶來最佳的移動端圖表體驗。

F2Native: https://github.com/antvis/F2Native

F2Native 是一個專注于用戶端,開箱即用、高性能的可視化解決方案,完備的圖形文法理論,滿足你的各種需求,專業的移動設計指引為你帶來最佳的移動端圖表體驗。

G6: https://github.com/antvis/g6

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

Graphin: https://github.com/antvis/graphin

Graphin 是一個基于 G6 封裝的關系可視分析工具 ,簡單,高效,開箱即用,取自 Graph Insight,圖的分析洞察。

X6: https://github.com/antvis/X6

X6 是 AntV 旗下的圖編輯引擎,提供了一系列開箱即用的互動元件和簡單易用的節點定制能力,友善我們快速搭建 DAG 圖、ER 圖、流程圖等應用。

L7: https://github.com/antvis/l7

L7 是一個基于 WebGL 的開源大規模地理空間資料可視分析開發架構。L7 中的 L 代表 Location,7 代表世界七大洲,寓意能為全球位置資料提供可視分析的能力。

AVA: https://github.com/antvis/AVA

AVA 是為了更簡便的可視分析而生的智能可視化架構。

G: https://github.com/antvis/g

G 是 AntV 幾個産品共同的底層 2D 渲染引擎,高效易用,專注于圖形的渲染、拾取、事件以及動畫機制,給上層 G2、F2、G6 提供統一的渲染機制。

ChartCube: https://chartcube.alipay.com

ChartCube 是一個可以快速完成圖表制作的線上工具,隻需要三步就可以建立出高品質的圖表。

🔥第十五屆 D2 前端技術論壇開放報名,速搶!

AntV 圖可視分析解決方案,來啦!
AntV 圖可視分析解決方案,來啦!

關注「Alibaba F2E」

把握阿裡巴巴前端新動向