“AI 技术+人才”如何成为企业增长新引擎?戳此了解>>> 了解详情
写点什么

蚂蚁金服开源 | 可视化图形语法 G2 3.3 琢磨

  • 2019-08-30
  • 本文字数:901 字

    阅读完需:约 3 分钟

蚂蚁金服开源 | 可视化图形语法G2 3.3 琢磨

G2 是蚂蚁金服数据可视化解决方案 AntV 的一个子产品,是一套数据驱动的、高交互的可视化图形语法。



经过两个多月密锣紧鼓的开发,400+次提交,G2 3.3 版本今天终于和大家见面了。自上次 3.2 版本发布以来,我们收到不少图表组件相关的需求和吐槽,团队的工程师们和设计师们倾力合作,为大家带来更丰富、体验更好的图表组件。同时,3.3 版本为 G2 带来新的图表成员:小提琴图,并为大家带来官方精选的图表案例等。

图表组件整体升级

G2 3.3 版本里,我们重构了所有图表组件,包括图例(legend)、提示信息(tooltip)、文本标签(label)、坐标轴(axis)和辅助信息(guide),梳理并简化了组件的生命流程,以此为基础为组件带来更优化的样式和交互,并扩充了更多功能。

1.标签(label)的痛点改进和增强

针对性地对地图、散点图和 treemap 做了 label placement 相关防覆盖的处理。


2.提示信息(tooltip)增强

tooltip 此前都是 HTML 版本,本次补充了 G(Canvas 和 SVG)版本,也就是支持导出的版本。另外,HTML 版本也做了进一步加强,可以更轻松地定制出更多效果。


3.图例(legend)的扩展

legend 做了大量的功能扩展和样式调整,比较值得一提的是 color / size / html 和翻页 legend。


4.坐标轴(axis)的新功能

axis 组件的 label 目前增加了两个方向的 offset 支持,因此,在小型图表中,可以实现坐标轴文本内嵌了。


6 个精品案例

根据业务的关联性和复用性,我们提炼了大量的精品 demo 案例,后续会逐步开放,这一期更新了 6 个折线图。



致敬和探索

3.3 版本里,geom 的大家庭里又多了一位成员,小提琴图(violin)。向 vega、ggplot2 两位前辈致敬,希望 G2 实现的版本也能为统计世界里这个经典的图表带来不一样的体验。



另一方面基于 3.3 提供的更完善的图形语法能力,这段时间我们做了可视化 storytelling 案例《泰坦尼克号数据集可视分析》。



另一个案例是这次 3.3 发布前我们用 webpack-visualizer 对 G2 的打包模块进行了可视化分析,排查 Webpack 打包过程中存在的重复、冗余的依赖库。


最终我们用 G2 实现了一个版本:



本文转载自公众号蚂蚁金服科技(ID:Ant-Techfin)。


原文链接:


https://mp.weixin.qq.com/s/S2q8vaIkPJBvkeFhwjmtKg


2019-08-30 18:001794
用户头像

发布了 150 篇内容, 共 31.7 次阅读, 收获喜欢 37 次。

关注

评论

发布
暂无评论
发现更多内容

CrashSight异常崩溃管理解决方案

WeTest

项目中如何优雅的消除if-else

Rubble

4月日更 4月月更

一起来试玩!在线可编程交互的实时音视频 Web SDK 入门教程

声网

音视频 教程

Flink整合ElasticSearch详细指南及踩坑记录

五分钟学大数据

4月月更

java高级用法之:JNA中的Structure

程序那些事

Java 程序那些事 JNA 4月月更

TASKCTL 调度设计器作业属性的应用

TASKCTL

分布式 元数据区 ETL 自动化运维 任务调度器

TiDB 在连锁快餐企业丨海量交易与实时分析的应用探索

TiDB 社区干货传送门

鲸智WhaleBI 平民化数据消费还业务以真正的“数据自由”

鲸品堂

方法论 数据 数据治理

关于 WordPress 你了解多少?

海拥(haiyong.site)

4月月更

火山引擎 MARS X 今日头条 | 大型App高效协同开发,实现研发流程自动化

字节跳动终端技术

今日头条 字节跳动 研发 火山引擎MARS

MySQL事务并发带来的问题以及其解决方案分析

乌龟哥哥

4月月更

2022年中国茶饮产业洞察

易观分析

茶饮 产业洞察

人人都可以学会的产品手册制作方法

小炮

产品宣传手册

组合式应用新利器?SaaS新时代事件网格如何解决集成标准化问题

华为云开发者联盟

Serverless 无服务器 事件网格 组合式应用

GPU底层技术、全球市场格局分析(中)

Finovy Cloud

人工智能 云计算 云服务器 GPU服务器 GPU算力

DDD实战(8):冲刺1战术之聚合设计

深清秋

DDD 软件架构 生鲜电商系统 4月月更

小程序运行时+SAAS级服务,提升研发降本增效作用

Speedoooo

flutter APP开发 SaaS平台 小程序容器 小程序运行时

【云管平台】三大云管平台厂商详细介绍

行云管家

云计算 云管平台 云堡垒机 云厂商

大咖说·智篆商业|颜杰华:数字经济时代,不确定性中的确定性

大咖说

阿里巴巴 数字经济数字时代 数智化 存量时代

什么时候需要使用CRM系统?

低代码小观

CRM 客户关系管理 低代码开发 CRM系统 客户关系管理系统

LSM-Tree - LevelDb了解和实现

懒时小窝

LSM树 LSM-Tree

基于LAXCUS开发分布式视频转码应用

LAXCUS分布式操作系统

分布式计算 分布式应用 视频转码

轻量级兼顾本地体验,PWA应用到底有多卷?

鼎道智联

当 API 成为服务,我们将连接一切!

鼎道智联

《数字经济全景白皮书》Z世代用户洞察篇(2)重磅发布!

易观分析

Z世代

NFT数字藏品交易平台系统开发搭建

薇電13242772558

NFT 数字藏品

增长270%!PWA 在 Chrome 平台迎来井喷式增长

鼎道智联

K8S太火了!花10分钟玩转它不香么?

爱好编程进阶

Java 面试 后端开发

龙蜥大讲堂:如何利用硬件SIMD指令提升Java程序的性能?|第14期

OpenAnolis小助手

Java simd arm sig 龙蜥大讲堂

桌面运维工程师需要会哪些技能?主要是做什么的?

行云管家

云计算 运维 运维工程师 IT运维 云运维

华为云物联网高级攻城狮的4年配置中心实践分享

华为云开发者联盟

开源 DevOps 配置中心 Apollo 业务配置

蚂蚁金服开源 | 可视化图形语法G2 3.3 琢磨_开源_Geek_cb7643_InfoQ精选文章