摘要:更好的閱讀體驗,請移步語雀是螞蟻金服數(shù)據(jù)可視化解決方案的一個子產(chǎn)品,是一套數(shù)據(jù)驅(qū)動的高交互的可視化圖形語法。歡迎共建是一套數(shù)據(jù)驅(qū)動的高交互的可視化圖形語法。
更好的閱讀體驗,請移步語雀
G2 是螞蟻金服數(shù)據(jù)可視化解決方案 AntV 的一個子產(chǎn)品,是一套數(shù)據(jù)驅(qū)動的、高交互的可視化圖形語法。
經(jīng)過兩個多月密鑼緊鼓的開發(fā),400+次提交,G2 3.3版本今天終于和大家見面了。自上次3.2版本發(fā)布以來,我們收到不少圖表組件相關(guān)的需求和吐槽,團隊的工程師們和設(shè)計師們傾力合作,為大家?guī)砀S富、體驗更好的圖表組件。同時,3.3版本為 G2 帶來新的圖表成員:小提琴圖,并為大家?guī)砉俜骄x的圖表案例。
圖表組件整體升級G2 3.3版本里,我們重構(gòu)了所有圖表組件,包括圖例(legend)、提示信息(tooltip)、文本標簽(label)、坐標軸(axis)和輔助信息(guide),梳理并簡化了組件的生命流程,以此為基礎(chǔ)為組件帶來更優(yōu)化的樣式和交互,并擴充了更多功能。以下提到的組件升級都可以在官網(wǎng) demo 里看到。
標簽(label)的痛點改進和增強針對性地對地圖、散點圖和 treemap 做了 label placement 相關(guān)防覆蓋的處理。
文本防覆蓋 | 強調(diào)回調(diào)函數(shù) | 靈活定位 |
tooltip 此前都是 HTML 版本,本次補充了 G(Canvas 和 SVG)版本,也就是支持導(dǎo)出的版本。另外,HTML 版本也做了進一步加強,可以更輕松地定制出更多效果。
G 版本 | HTML Content |
固定位置 | Mini Tooltip |
legend 做了大量的功能擴展和樣式調(diào)整,比較值得一提的是 color / size / html 和翻頁 legend。
Color | Size | HTML | 翻頁 |
axis 組件的 label 目前增加了兩個方向的 offset 支持,因此,在小型圖表中,可以實現(xiàn)坐標軸文本內(nèi)嵌了。
6個精品案例根據(jù)業(yè)務(wù)的關(guān)聯(lián)性和復(fù)用性,我們提煉了大量的精品 demo 案例,后續(xù)會逐步開放,這一期更新了6個折線圖。
3.3版本里,geom 的大家庭里又多了一位成員,小提琴圖(violin)。向 vega、ggplot2 兩位前輩致敬,希望 G2 實現(xiàn)的版本也能為統(tǒng)計世界里這個經(jīng)典的圖表帶來不一樣的體驗:鏈接。
另一方面基于3.3提供的更完善的圖形語法能力,這段時間我們做了可視化 storytelling 案例《泰坦尼克號數(shù)據(jù)集可視分析》。我們把這個案例錄制成了視頻:鏈接。
另一個案例是這次3.3發(fā)布前我們用 webpack-visualizer 對 G2 的打包模塊進行了可視化分析,排查 Webpack 打包過程中存在的重復(fù)、冗余的依賴庫。最終我們用 G2 實現(xiàn)了一個版本:鏈接。
特別感謝3.3版本的迭代中,我們很欣喜地看到,有越來越多開源社區(qū)的小伙伴加入到了 G2 的貢獻者行列中來。感謝大家的鼎力支持,G2 非常榮幸能和大家一路同行!(以下貢獻者排名不分先后)
liunan | Li Ruo Nan | 賴小賴 | zzzzy |
更要感謝廣大用戶對 G2 的青睞,據(jù)不完全統(tǒng)計,自 G2 17年11月22開源至今,使用 G2 的系統(tǒng)數(shù)字已經(jīng)由1.1k+增長到目前的8.5k+,G2 在 github 上的 star 數(shù)也由0.7k+增長到目前的6.3k+。大家的信任,讓我們倍感喜悅,同時肩上也背負起沉甸甸的責任。希望未來的日子里,我們繼續(xù)互相激勵互相提攜,做出更優(yōu)秀的可視化產(chǎn)品來。
歡迎共建G2 是一套數(shù)據(jù)驅(qū)動的、高交互的可視化圖形語法。是目前 JavaScript 社區(qū)對《The Grammar of Graphics》書中理論還原度最高的實現(xiàn)。感興趣的小伙伴們歡迎通過以下途徑關(guān)注和聯(lián)系我們!
GitHub https://github.com/antvis/g2
官網(wǎng) https://antv.alipay.com/zh-cn...
郵件 antv@antfin.com
AntV 是螞蟻金服全新一代數(shù)據(jù)可視化解決方案,主要子產(chǎn)品包括 G2、G6、F2,歡迎共建!
原文鏈接
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/98438.html
摘要:新公司已經(jīng)呆了一個多月,目前著手一個數(shù)據(jù)可視化的項目,數(shù)據(jù)可視化肯定要用到圖形庫如等,經(jīng)決定我的這個項目用阿里旗下螞蟻金服所開發(fā)的圖表庫。數(shù)據(jù)提示框內(nèi)提示的信息還可以通過格式化函數(shù)動態(tài)指定。 新公司已經(jīng)呆了一個多月,目前著手一個數(shù)據(jù)可視化的項目,數(shù)據(jù)可視化肯定要用到圖形庫如D3、Highcharts、ECharts、Chart等,經(jīng)決定我的這個項目用阿里旗下螞蟻金服所開發(fā)的G2圖表庫。...
摘要:,一個專注于移動,開箱即用的可視化解決方案,完美支持環(huán)境同時兼容多種環(huán)境小程序,。專業(yè)的移動設(shè)計指引為你帶來最佳的移動端圖表體驗。基于,移動端可視化圖表庫。 showImg(https://segmentfault.com/img/remote/1460000016176811?w=1600&h=440); F2,一個專注于移動,開箱即用的可視化解決方案,完美支持 H5 環(huán)境同時兼容多...
摘要:本文是譯文,原文是我在原文的基礎(chǔ)上加了百度的圖表庫,這個也是毫不遜色其他圖表庫的。更新記錄圖表類數(shù)據(jù)驅(qū)動文檔通常被稱為最強大的開源可視化庫。是迄今為止最好的圖表庫。在頂級功能支持,使任何元素可拖動,可旋轉(zhuǎn)或可滑動滾動和快速性能的能力。 本文是譯文,原文是https://da-14.com/blog/top-11...我在原文的基礎(chǔ)上加了百度的Echats圖表庫,這個也是毫不遜色其他圖表...
閱讀 2907·2021-11-19 09:40
閱讀 3578·2021-10-09 09:43
閱讀 2675·2021-09-22 15:31
閱讀 1724·2021-07-30 15:31
閱讀 782·2019-08-30 15:55
閱讀 3257·2019-08-30 15:54
閱讀 1161·2019-08-30 11:26
閱讀 1907·2019-08-29 13:00