開源|螞蟻金服 AntV G6 2.1:一路伴你同行

螞蟻金服科技發表於2018-09-05
小螞蟻說:

AntV 是螞蟻金服全新一代資料視覺化解決方案,主要子產品包括 G2、G6、F2。此前我們已經相繼釋出過AntV的相關開源訊息與版本迭代,包括《開源|螞蟻金服開源AntV F2:一個專注於移動,開箱即用的視覺化解決方案》、《螞蟻金服開源:資料驅動的高互動視覺化圖形語法G2》,《開源 | 螞蟻金服開源:關係資料的視覺化引擎 G6 2.0》等相關訊息。

我們今天要分享的G6 是一個簡單、易用、完備的圖視覺化引擎。它在高定製能力的基礎上,提供了一系列設計優雅、便於使用的圖視覺化解決方案,幫助開發者高效搭建屬於自己的圖分析或圖編輯器應用。

專案 GitHub 地址:

https://github.com/antvis/g6

專案文件地址:

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

友情提示:文中所有連結用PC端開啟效果更佳噢。

開源|螞蟻金服 AntV G6 2.1:一路伴你同行

過往

開源|螞蟻金服 AntV G6 2.1:一路伴你同行

▲圖為 2018.06.06 ~ 2018.09.04 使用 G6 活躍系統增長的過程

光陰荏苒,轉瞬間,夏去秋來。自 2018.06.06 開源至今的短短三個月,G6 的使用量爆炸式增長,活躍系統數從 100 個飆升至近 1000 個。我們取得了一定的成績,獲得了不少的讚許和認同,在此感謝各位的支援和信任。同時,G6 暴露出了不少問題。主要集中在以下三方面:

  1. 文件少,入門難。
  2. 1.0 -> 2.0 部分特性缺失,升級困難。
  3. 對於使用者的反饋,沒有及時回覆。

遇到上述問題的朋友,別慌,因為在走上開源之路的那一刻起,AntV 便已決定:你若不離不棄,我便伴你一路同行。

現在

1.更詳盡文件內容,更專業的文件系統

開源|螞蟻金服 AntV G6 2.1:一路伴你同行

文件是我們此次改進的重點之一,希望它能給你帶來更好的體驗。

  • 補充了大量文件,更詳盡,更易懂。
  • 遷移至專業的語雀文件系統。語雀強大的文件輔助功能如:搜尋、目錄、評論等,提高資訊檢索的效率,增加反饋空間。

文件地址:

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

2.支援 SVG 渲染

開源|螞蟻金服 AntV G6 2.1:一路伴你同行

雖然 canvas 十分強大,但定製列表型的元素卻是它但短板。早在半年前,G6 便開始策劃支援 HTML 節點,但 canvas 的技術棧和 DOM 有著不可融合的隔離。而 SVG 渲染引擎能夠很好地解決這一問題。就在今天, G6 支援 SVG 渲染,支援自定義 DOM 元素了!

參見詳情:

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

3.箭頭擴充機制

開源|螞蟻金服 AntV G6 2.1:一路伴你同行

開源|螞蟻金服 AntV G6 2.1:一路伴你同行

我們不得不承認,以往 G6 的箭頭業餘得實在不像一個關係圖視覺化引擎。經過設計師的精心設計,工程師的精心打磨,G6 終於補齊了自定義箭頭這塊歷史短板。

詳情參見:

https://www.yuque.com/antv/g6/custom-edge#xgnras

4.新增若干外掛

開源|螞蟻金服 AntV G6 2.1:一路伴你同行

開源|螞蟻金服 AntV G6 2.1:一路伴你同行

開源|螞蟻金服 AntV G6 2.1:一路伴你同行

在解決大家提出的問題的同時,G6 本次亮相 7 個圖分析元件。相信 G6 通過自主研發與整合領域頂尖的技術,可為使用者提供完美的圖分析解決方案,大大降低使用者開發圖分析應用的成本,助益圖可視分析。

詳情參見:

https://www.yuque.com/antv/g6/api-plugins

將來

G6-Editor

開源|螞蟻金服 AntV G6 2.1:一路伴你同行

▲圖為申請使用 G6-Editor 的系統和企業

三個月前,在開源 G6 的同時,我們開放了基於 G6 封裝的圖編輯器元件 G6-Editor 。令我們驚喜的是,這個元件受到了阿里內外眾多朋友的關注,由於 G6-Editor 仍在迭代打磨並且尚未開源,還有一些商業上的使用限制,我們收到了許多來自使用者的申請郵件。這讓我們意識到,打磨一個高互動、可擴充的圖編輯器意義非凡。在接下來的幾個月,我們會在此重點發力,爭取讓 G6-Editor 的原始碼在明年年初與大家在開源世界裡相見!

G6-Editor 文件地址:

https://www.yuque.com/antv/g6-editor

廣而告之

1.基於 G6 的第三方封裝

  • Viser-graph

https://viserjs.github.io/docs.html#/viser/guide/installation

官方介紹:做視覺化就是一件純粹的事情,選擇什麼前端框架並不是需要真正關心的事情。不管是React,還是Angular,抑或是Vue,你都能在Viser裡找到解決方案。你的框架比較小眾?也可以快速定製啊,就是這麼貼心。

2.基於 G6-Editor 的第三方封裝

  • gg-editor

http://ggeditor.com/

官方介紹:Great Graphic Editor 是一個基於 G6-Editor 的 React 封裝版本,使用體驗更符合 React 技術棧開發習慣。基於提供的 React 元件開發者可以快速搭建流程或腦圖編輯器,提升開發效率的同時只需關注業務實現。

3.AntV 團隊大力招聘

吳軍老師的《智慧時代》、馬老師的各種公開演講以及還有很多遠見能人都說過類似的話,資料的使用之於這輪資訊革命的意義好比蒸汽機與電在第一、二次工業革命中一樣,這兩年親歷阿里視覺化生態的繁榮,興奮的看到源源不斷的視覺化、可視分析需求孕育著大大小小的視覺化團隊如雨後春筍般的冒尖與成長,這是個正值朝陽的職業方向。不說了,快上船!來一起玩資料,一起尋找智慧資料視覺化方向的突破,北京、上海開始籌備小分隊,還有成都、杭州共 4 地可選,我們誠邀最有潛力的你加入~

——林峰(花名:御術)

聯絡我們:antv@antfin.com



相關文章