当前位置: 首页 > Web前端 > HTML

蚂蚁金服开源-可视化图形语法G23.3思考

时间:2023-04-02 18:19:19 HTML

G2是蚂蚁金服数据可视化解决方案AntV的子产品,是一套数据驱动、交互性强的可视化图形语法。经过两个多月的紧张开发和400+次投稿,G23.3版本今天终于和大家见面了。自上次发布3.2版本以来,我们收到了很多关于图表组件的诉求和投诉。团队的工程师和设计师努力为您带来更丰富的图表组件和更好的体验。同时,3.3版本为G2带来了新的谱面成员:小提琴谱面,并为大家带来了官方精选的谱面案例等。图表组件全面升级在G2的3.3版本中,我们重构了所有图表组件,包括legend、tooltip、label、axis和guide,进行了梳理和简化,定义了组件的生命过程,并在此基础上带来了更多的优化样式和交互到组件,并扩展更多功能。下面提到的组件升级可以在官网demo中看到。1.标签痛点的改进和增强处理了Targetedmap、scatterplot和treemap,防止标签放置相关的覆盖。2.增强的工具提示工具提示以前是HTML版本。这次新增了G(CanvasandSVG)版本,也就是支持导出的版本。此外,HTML版本得到了进一步增强,可以更轻松地自定义更多效果。3.图例的扩展Legend做了很多功能扩展和样式调整,值得一提的是color/size/html和翻页legend。4.轴(axis)的新功能轴组件的标签现在支持两个方向的偏移。因此,在小图表中,可以嵌入轴的文本。6个优质demo案例根据业务的相关性和复用性,提炼出大量优质demo案例,后续会逐步发布。本期更新了6张折线图。致敬与探索在3.3版本中,geom这个大家族中又多了一位成员,violin。向vega和ggplot2两位前辈致敬,希望G2实现的版本也能给这张统计界的经典图表:link带来不一样的体验。另一方面,基于3.3提供的更完备的图形语法能力,我们在这期间做了一个视觉叙事案例《泰坦尼克号数据集可视分析》。我们把这个案例记录成视频:链接。另一个案例是在3.3发布之前,我们使用webpack-visualizer对G2的打包模块进行了可视化分析,检查Webpack打包过程中是否存在重复、冗余的依赖。我们最终实现了一个带有G2:linking的版本。特别感谢3.3版本的迭代。我们很高兴看到越来越多的开源社区小伙伴加入了G2贡献者的行列。感谢大家的支持,G2很荣幸一路相伴!(以下贡献者排名不分先后)感谢广大用户对G2的喜爱。据不完全统计,自2017年11月22日G2开源以来,使用G2的系统数量从1.1k+增长到目前的8.5k+。G2在github上的star数也从0.7k+增加到现在的6.3k+。大家的信任让我们倍感欣慰,同时也肩负着一份沉甸甸的责任。希望在以后的日子里,我们继续互相鼓励,互相支持,做出更好的可视化产品。欢迎构建G2是一套数据驱动、高度交互的可视化图形语法。是JavaScript社区中还原度最高的一本书《The Grammar of Graphics》的理论实现。欢迎感兴趣的朋友通过以下渠道关注和联系我们!GitHubhttps://github.com/antvis/g2官网https://antv.alipay.com/zh-cn/g2/3.x邮箱antv@antfin.comAntV是蚂蚁的新一代数据可视化解决方案金融,主要子产品有G2、G6、F2,欢迎共建!本文作者:路飞到处飞阅读原文本文为云栖社区原创内容,未经允许不得转载。