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