AntV 是螞蟻金服全新一代數據可視化解決方案,主要子產品包括 G二、G六、F2。此前咱們已經相繼發佈過AntV的相關開源消息與版本迭代,包括《開源|螞蟻金服開源AntV F2:一個專一於移動,開箱即用的可視化解決方案》、《螞蟻金服開源:數據驅動的高交互可視化圖形語法G2》,《開源 | 螞蟻金服開源:關係數據的可視化引擎 G6 2.0》等相關消息。html
咱們今天要分享的G6 是一個簡單、易用、完備的圖可視化引擎。它在高定製能力的基礎上,提供了一系列設計優雅、便於使用的圖可視化解決方案,幫助開發者高效搭建屬於本身的圖分析或圖編輯器應用。前端
項目 GitHub 地址:git
https://github.com/antvis/g6github
項目文檔地址:canvas
https://www.yuque.com/antv/g6api
友情提示:文中全部連接用PC端打開效果更佳噢。前端框架
過往框架
▲圖爲 2018.06.06 ~ 2018.09.04 使用 G6 活躍系統增加的過程編輯器
光陰荏苒,轉瞬間,夏去秋來。自 2018.06.06 開源至今的短短三個月,G6 的使用量爆炸式增加,活躍系統數從 100 個飆升至近 1000 個。咱們取得了必定的成績,得到了很多的讚許和認同,在此感謝各位的支持和信任。同時,G6 暴露出了很多問題。主要集中在如下三方面:ide
遇到上述問題的朋友,別慌,由於在走上開源之路的那一刻起,AntV 便已決定:你若不離不棄,我便伴你一路同行。
如今
文檔是咱們這次改進的重點之一,但願它能給你帶來更好的體驗。
文檔地址:
https://www.yuque.com/antv/g6
雖然 canvas 十分強大,但定製列表型的元素倒是它但短板。早在半年前,G6 便開始策劃支持 HTML 節點,但 canvas 的技術棧和 DOM 有着不可融合的隔離。而 SVG 渲染引擎可以很好地解決這一問題。就在今天, G6 支持 SVG 渲染,支持自定義 DOM 元素了!
參見詳情:
https://www.yuque.com/antv/g6/wm3aid
咱們不得不認可,以往 G6 的箭頭業餘得實在不像一個關係圖可視化引擎。通過設計師的精心設計,工程師的精心打磨,G6 終於補齊了自定義箭頭這塊歷史短板。
詳情參見:
https://www.yuque.com/antv/g6/custom-edge#xgnras
在解決你們提出的問題的同時,G6 本次亮相 7 個圖分析組件。相信 G6 經過自主研發與整合領域頂尖的技術,可爲用戶提供完美的圖分析解決方案,大大下降用戶開發圖分析應用的成本,助益圖可視分析。
詳情參見:
https://www.yuque.com/antv/g6/api-plugins
未來
▲圖爲申請使用 G6-Editor 的系統和企業
三個月前,在開源 G6 的同時,咱們開放了基於 G6 封裝的圖編輯器組件 G6-Editor 。令咱們驚喜的是,這個組件受到了阿里內外衆多朋友的關注,因爲 G6-Editor 仍在迭代打磨而且還沒有開源,還有一些商業上的使用限制,咱們收到了許多來自用戶的申請郵件。這讓咱們意識到,打磨一個高交互、可拓展的圖編輯器意義非凡。在接下來的幾個月,咱們會在此重點發力,爭取讓 G6-Editor 的源碼在明年年初與你們在開源世界裏相見!
G6-Editor 文檔地址:
https://www.yuque.com/antv/g6-editor
廣而告之
https://viserjs.github.io/docs.html#/viser/guide/installation
官方介紹:作可視化就是一件純粹的事情,選擇什麼前端框架並非須要真正關心的事情。不論是React,仍是Angular,抑或是Vue,你都能在Viser裏找到解決方案。你的框架比較小衆?也能夠快速定製啊,就是這麼貼心。
http://ggeditor.com/
官方介紹:Great Graphic Editor 是一個基於 G6-Editor 的 React 封裝版本,使用體驗更符合 React 技術棧開發習慣。基於提供的 React 組件開發者能夠快速搭建流程或腦圖編輯器,提高開發效率的同時只需關注業務實現。
吳軍老師的《智能時代》、馬老師的各類公開演講以及還有不少遠見能人都說過相似的話,數據的使用之於這輪信息革命的意義比如蒸汽機與電在第1、二次工業革命中同樣,這兩年親歷阿里可視化生態的繁榮,興奮的看到源源不斷的可視化、可視分析需求孕育着大大小小的可視化團隊如雨後春筍般的冒尖與成長,這是個正值朝陽的職業方向。不說了,快上船!來一塊兒玩數據,一塊兒尋找智能數據可視化方向的突破,北京、上海開始籌備小分隊,還有成都、杭州共 4 地可選,咱們誠邀最有潛力的你加入~
——林峯(花名:御術)
聯繫咱們:antv@antfin.com