螞蟻金服AntV開源地理可視化引擎 L7 2.0——聊聊AntV背後那些事

起因:

  這幾天看到螞蟻金服AntV開源地理可視化引擎 L7 2.0發佈的文章,於是搜了一下L7這個引擎,然後感覺跟百度的EChat有點相似的部分,再然後去看看知乎文章,發現這個團隊中有百度EChat作者林峯,進而瞭解了AntV這個牛逼的團隊故事,因此搬過來讓CSDN的夥伴們也看一下,哈哈。

來源:知乎 作者:王嘉喆
知源 · 致遠 - AntV 的那些人,那些事兒
參考知乎:https://www.zhihu.com/topic/19593576/hot

介紹

  AntV 是一個數據可視化項目,也是一個團隊,螞蟻金服數據可視化團隊,一羣有愛有夢的人,懷揣「讓人們在數據世界裏獲得視覺化思考能力」的夢想前行, 希望成就智能時代全球領先的數據可視化解決方案,滿足與日俱增的數據洞察需求。
AntV 目前覆蓋了統計圖表、移動端圖表、圖可視化、地理可視化、2D 繪圖引擎和智能可視化多個領域,主要包含 G2、G6、F2、L7 以及一套完整的圖表使用和設計規範。得益於豐富的業務場景和用戶需求挑戰,AntV 經歷多年積累與不斷打磨,已支撐起阿里集團內外 20000+ 業務系統,通過了日均千萬級 UV 產品的嚴苛考驗,是阿里經濟體數據可視化最重要的基礎設施。
  跟往年的品牌日一樣,2019 11月22日依舊會有幾個底層基礎類庫的大量更新發布,除此之外,非常高興的向大家介紹 AntV 產品矩陣新添的三個成員:
G2Plot,一個基於 G2,開箱即用、易於配置、具有良好視覺和交互體驗的通用圖表庫;
Graphin,一個基於 G6,專注關係可視分析領域的 React 組件庫,簡單,高效,開箱即用;
ChartCube,一個可以快速完成圖表製作的在線工具,只需要三步就可以創建出高品質的圖表;

▍導讀

  這是 AntV 發展的第 5 個年頭,從 2014 年第一位工程師的白手起家,到 2017 年第一個項目 G2 開源,現如今我們已經有了 7 個產品,幾十個項目在 GitHub 上發佈,團隊的規模也從 3-5 個人發展成橫跨螞蟻多個前端、設計部門 30+ 人員的專業團隊。5 年來的起伏跌宕雖然不能說波瀾壯闊,但卻是我們生命中永不磨滅的印跡,藉由這 4 分鐘的視頻與大家分享過去這5 年 AntV 團隊所經歷的歡喜與失落,專注、專業、堅持,希望對這份匠心的知源,能與大家並肩同行致遠。

▍ 源起

  2014 年是蕭慶進入阿里的第四個年頭。這一年,他的團隊被合併到玉伯的體驗技術部。玉伯把他從業務線抽調出來做基礎技術。蕭慶在這個新戰場攻城拔寨。先是參與了一個移動前端庫,後來演變成了現在的 antd-mobile。後來又做了一個 antd 組件庫 ic components,支撐了當時網商銀行的開發。做到最後,發現還差一套圖表庫,於是花了一個月時間,仿照 HighCharts 做了一個 Acharts。
  那個年頭,蕭慶對圖表庫的想法還只是基於圖表類型和前端組件的概念,並沒有完整的可視化理論體系。同年,好修加入了體驗技術部,和蕭慶一起做 ACharts。面對業務端越來越龐大的可視化需求,也看到了數據可視化的價值,玉伯希望蕭慶可以專職做可視化。這時的蕭慶面臨一個困境:圖表類型都做得差不多了,之後呢?業務上五花八門的變種圖表類型,怎樣一個個都支持到?那個時候,還在百度的 ECharts 才發佈了一年,還沒有完全火起來,它的作者林峯帶着這個熱門項目還在全國各地寫着代碼做着分享。雖然 ECharts 正以肉眼可見的速度在不斷完善和得到業界認可,但是蕭慶沒有選擇走一樣路,因爲他覺得一個一個圖表類型去開發,是不可能覆蓋所有場景的。當時 R 語言如日中天,其中的被廣泛使用的是一個遵循“圖形語法”概念設計的數據可視化庫叫做 ggplot2。
  蕭慶和好修嚼完了《The Grammar of Graphics》這本著作,感覺這正是他們想找的答案,於是決定做一個基於圖形語法的、更靈活的可視化工具。於是蕭慶諮詢了集團內幾乎所有做過圖表的人,可是他得到更多的是挑戰和質疑,沒有人相信當下有必要或有可能做出這樣一個東西來。壓力之下,蕭慶在三個月後拿出了第一版 G2 雛形。2015 年初,這套基於 raphel.js 的圖形語法雛形被拿到業務上去用,發現性能很差。於是,蕭慶不得不開始自研底層渲染引擎 G。
  到了 15 年下半年,當時還是小姑娘的再飛加入了進來,G2 開始向 2.0 升級。再飛接到的第一個需求是做標度比例尺(scale),辛辛苦苦做了一個月都被蕭慶狠狠拍了回去。再飛發現可視化的門檻比她想象中高太多了,偏向虎山行的她陸續負責了地圖多邊形、統計函數等衆多功能,甚至主動接手了底層 G 和圖表組件,名正言順的成爲了 G2 最核心的工程師。2016 年,AntV 的用戶開始增多,不斷有用戶詢問能不能做流程圖、關係圖。甚至有個用戶給 AntV 寫了一封 2000 多字的長信,講述了流程圖在業務中的重要性和當前開源解決方案中遇到的問題。雖然之前 AntV 也嘗試做過很多流程圖,但最後結果都不盡如人意。用戶的信打動了蕭慶,他找到玉伯說想做關係可視化。此時口碑的業務剛起來,商家系統流程急需關係數據可視化解決方案。本着提供半自動化流程圖的概念,G6 開始起航。

▍緣續

  產品和團隊都要發展,吸引人才的需求尤爲迫切。絕雲和導演這對日本歸來的好友當時還在數據平臺部做着螞蟻自己的 BI 工具 DeepInsight,他們也在尋找可視化人才。他們不約而同地撩到了 ECharts 的作者林峯,想要拉他入夥。此時的林峯已經離開了百度,正在第二次創業中掙扎。無心插柳,他最終被引薦給了玉伯,惺惺相惜之下很快他兩就走在了一起。
  於是,16 年 11 月螞蟻多了一位御術·林峯,部門月會上他第一次見到了 AntV 的設計負責人珊兒。御術一直都記得當他介紹自己是 ECharts 的作者時珊兒兩眼發光的表情,以爲自己碰到了知己。但後來御術才知道,原來她只是欣賞這個產品,根本不知道眼前這個小哥對可視化的癡迷以及對這個產品的分量。儘管如此,在後來的合作中,這兩人還是被對方身上的專業、專注深深吸引,成爲會議室裏可以互懟撕逼,出門就情同手足的默契搭檔。在和團隊不斷深入瞭解和磨合後,17 年 3 月,AntV 的接力棒正式交到了御術手上。這位 ECharts 的創始人要開始革自己的命,挑戰更高的高度,將 AntV 打造成超越 ECharts 的存在。然而,此時御術面對的是一個進入發展瓶頸期的 AntV。
  由於業務的壓力,G2 的 3.0 版本必須要往帖近圖表類型方向去靠,茫然於如何保證自身的純粹性。G6 從無到有,正摸着石頭過河,準備轉向重編輯器方向,但在用戶的叫好聲中卻感覺到越來越重的負擔。G2 的移動端版本變身 F2,尚且前途未卜。無巧不成書,正在御術新官上任渴求力量之時,當初最早勾搭他的絕雲加入了 AntV。大魔王絕雲,這位清華高材生的加入大大增強了團隊的技術實力,也提升了團隊的信心。隨着絕雲逐漸扛起了 G2 的擔子,其他各個方向也慢慢找到自己道路,AntV 進入了產品矩陣的快速發展階段。先是有田牽頭圖可視化方向發佈了 G6 1.0 版本,G 代表 Graph,6 取自六度空間理論這個社交網絡分析裏常見到的數學猜想,自此 AntV 懵懵懂懂地開進了「圖可視化」的星辰大海。如果說有田搭建了 G6 的骨架,那麼之後加入的完白就是實實在在地給 G6 注入了魂。這位 PAI(螞蟻人工智能算法搭建平臺)的設計之父是螞蟻最早涉及重度圖編輯場景的設計師,我們尊稱他“白大爺”。G6 的設計之父是用專業說話的,每一個邏輯、展示、交互設計,白大爺都給出了讓人驚歎的細節。

▍開源

  2017 年 11 月 22 日,G2 3.0 正式開源。AntV 花了三年時間,終於交出了第一個開源版本,從此 1122 也被定位爲 AntV 的品牌日。陪伴 AntV 最久的設計師顧傾籌劃、主持了 AntV 的第一個品牌日(以及之後的每一個品牌日)。
  更讓大家驚喜的是,圖形語法的作者 Leland Wilkinson 親自回覆了我們,並給予了高度的評價,這讓團隊的所有成員都士氣滿滿。
  隨後再飛接手掌舵 F2 的發展,F2 寓意是 Fast & Fluency,是 AntV 面向當下移動互聯網,更是面向未來 IoT 時代的可視化解決方案。設計師對於可視化研發具有不可忽視的重要性,所有人都越來越深刻地體會到這一點,在得到 F2 首任設計師畫康非常給力的支持下再飛的開發真的再飛了起來,坊間一直都說“飛飛很能寫”,此刻更是實至名歸。不到三個月,兩人包攬所有的業務調研、設計、開發、文檔、教程、運營、推廣,全新的 F2 開源一個月後 star 數量直逼 G2。到了 2018 年上半年,G2 支持的系統數量已經增長到了兩三千個,F2 被應用到阿里經濟體所有主流 App 端接受日均千萬 UV 無數移動設備機型的挑戰,G6 成爲了整個集團做流程圖的基礎設施。雖然剛剛走上正軌,但 AntV 想做的還有很多,很多,於是…

▍致遠

  18 年 3 月,伊斯坦布爾的一個凌晨,正在旅行的米法被 HR 的電話叫醒。這位在新華網做數據新聞的首席可視化工程師決定來爲 AntV 開創 Storytelling 的新方向。作爲一位根正苗紅的藝術生,從愛丁堡大學著名的設計和數字媒體專業研究生畢業後,米法因爲很多程序員實現不了她的設計而毅然棄筆從戎自學了編程,隨後憑製作數據新聞的能力屢獲大獎。當她見到御術真人的時候,感到此人與其“略顯中二”的微博頭像看起來很不相同,實則是一個穩重可靠的大哥哥。在御術的感召下,AntV 多了一條 Storytelling 的支線劇情。18 年 5 月,距離他在北京 R 會上給那時的林峯遞上一張名片說“考慮一下加入我們公司吧”已經過去了 2 年,這個傢伙被2年後的御術拉進了 AntV 團隊,他給自己起了個花名叫象數。
  當時,在國家測繪局的最新規定和資質要求下,很多沒有地圖資質的應用、服務被迫關閉,影響嚴重。在這個背景下,螞蟻金服 AntV、高德開放平臺、阿里雲 DataV 很快啓動了共建大阿里地理空間數據可視化項目:L7。L 代表 Location,7 代表世界七大洲,寓意能爲全球位置數據提供可視化能力,同時希望徹底解決這個地圖法規風險。象數,這位地理專業出身的 GIS 圈小網紅,以一己之力扛起了 AntV 地理可視化大旗。
  18 年 7 月,超強實習生十吾來了。難得的可視化科班出身的同學,發過可視化領域頂會論文——三篇!是的,三篇 IEEE Vis 上的論文,鑽研圖可視化領域的她,一出場就帶來了乾貨溢出的專業分享,說得大家一愣一愣的。面對這樣一位才華橫溢的美少女,大家都被她的專業和聰敏折服,已經沒有人再質疑過她過五關斬六將直取螞蟻校招 Offer 是因爲她有着閉月羞花的容貌加成(單身),自此 AntV 圖可視化方向有了巨大的潛力。ChinaVis 2018,牛津大學可視化泰斗 Prof. Min Chen 來到上海,他曾經的學生步茗正在向他介紹自己當下在智能可視化方面的工作成果。步茗留意到與他擦肩而過的御術,只覺此人有點眼熟,卻沒有認出他就是林峯。其實,他們四年前就有過往來。那時 ECharts 2.0 發佈,還在牛津鑽研機器學習和可視分析的步茗注意到了這個有趣的產品,曾專門給林峯發過郵件。會後,步茗偶然在微博上看到了御術攜團隊在 ChinaVis 上的合影,心想原來那個人就是林峯?!通過他微博上那個萬年不變略顯中二的頭像,實在無法擬合出這真容的模樣。幾番寒暄。九月,步茗加入了 AntV,併爲 AntV 畫出了智能可視化框架體系 AVA 的大圖。
  潛心之處,衆有所歸。當 AntV 迎接第二個年度品牌日時,我們邀請了幾位與 AntV 緊密同行的夥伴一起回顧了過去一年 AntV 的生態發展,48 位開發者,3k+ 次代碼提交,近 1.5w 新增 star,一路走來離不開伙伴、用戶的支持,且行切珍惜。同月,導演帶着 DeepInsight 與 AntV 聯姻,爲全面升級可視化引擎而戰鬥,AntV 的參與者一下子多了逍爲、廣知、輕聲、山果、長哲、翎刀。隨後不久,大屏廠商海雲數據的前端負責人聚則,東北大學信息設計與可視化畢業並留美工作兩年後歸來的資深可視化設計師幕闌相繼加入,AntV 新生力量湧現。
  19 年 5 月,跨部門多職能組成的 AntV 工作組成立,更多志同道合的人走在了一起,AntV 的花名單又加上了好多名字:問崖、鏡曦、柏愚、拾鋒、滄東、不過、諸嶽、索丘、璆鳴、白弦、福晉、新茗、早弦、烏諾、光生。就在AntV 團隊規模空前壯大的之時,傳說級大神、Ant Design 掌舵人偏右以及其設計靈魂林外也加入到 AntV 的建設中來,無法估量這對 Ant Design 背後的男人將會給 AntV 帶來什麼變化。

▍結語

  如今,AntV 已經承載着太多人的夢想,她有可能成爲這個領域未來的基礎設施,我們十分珍惜這個難得的機會,希望作爲一個普通個體在短短百年的生命旅程中能爲世界創造和留下點有價值的東西,讓人們在數字世界裏獲得視覺化思考能力。

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