**G2Plot 是一个开箱即用、易于配置、体验优雅的统计图表库,**致力于帮助用户以最小成本生成高质量统计图表。前端
G2Plot 最初诞生于阿里经济体 BI 产品真实场景的业务诉求。动态、高度不肯定是 BI 产品和中台系统业务数据的一个广泛特征,而这种特征对统计图表的功能和体验提出了巨大的挑战。如何可以帮助报表系统和一线前端在复杂数据条件下快速高效地建立统计图表,同时保证图表在各类显示空间和数据状态下的可读性和可用性? 为解决这两个痛点问题,AntV 与 DeepInsight、QuickBI 和 FBI,阿里经济体三个优秀 BI 产品技术团队联手打造了 G2Plot。git
自去年 11 月发布 0.x 试用版后,G2Plot 经历了 20 多个小版本的迭代优化,图表类型已从最经常使用的 7 个扩展到 40 多个,在核心 BI 产品真实场景上线验证后终于带来 1.0 正式版。但愿咱们在数据可视化业务,特别是 BI 产品中的开发和设计经验可以帮助到更多用户轻松制做优雅的统计图表。github
图形语法是统计图表的奠定理论,具备完备、灵活、无限可能的可视表达能力,全球顶级 BI 系统的可视分析实现基本都以此理论为基础,G2 能够说是 JavaScript 领域最完备的图形语法实现,也所以成为不少专业可视分析应用的首选技术方案。然而,对于应对大部分常规应用,对于大部分工程师、设计师和产品经理来讲,学习理解“视觉通道”、“坐标系变换”、“数据映射”等专业可视化概念须要付出至关高的学习和时间成本。在统建阿里数据可视化基础设施的大背景下,AntV 与阿里经济体多个团队联合共建 G2Plot 应运而生,构建在 G2 强大的可视表达能力之上,采用你们熟悉的配置化、描述性 API,为使用者屏蔽可视化专业知识,用户只须要引用相应的图表,指定数据和配置字段便可经过数据驱动的方式生成图表。算法
今年1月4日在杭州西湖文体中心,第三届 SEE Conf 蚂蚁金服体验科技大会上,AntV 核心研发工程师,同时也是 DeepInsight 的数据可视化方向负责人小为给你们带来了精雕细琢,打造极致可视化图表体验的精彩分享,还没看过的同窗强烈推荐看看。分享中已经提早剧透了 G2Plot 的大量体验优化细节,G2Plot 每个线上图表都通过了细心雕琢,咱们会在关注图表自身特色的基础上,根据不一样的使用场景、显示空间、数据特色针对图表的细节和体验进行精心打磨。markdown
继承 G2 无限可能的特性,G2Plot 拥有丰富多样的图形扩展。
less
经过对数据进行剪枝处理和相关点简化算法,对大数据量和极小显示空间等特殊场景进行图形优化。
oop
咱们把一些经常使用的复杂交互进行了内置,用户不须要再自行封装,只需调用相关配置项便可使用。同时,咱们还把细粒度的事件机制,画布、图形、组件交互能力全方位透出以方便用户高度个性化定制。
学习
咱们根据每个图表自身的特色和使用场合,精心设计了一些动画效果,让图表更加灵活生动。这些复杂动画效果都已内置,能够经过配置项和图表方法直接调用。同时,咱们还提供了细粒度的动画配置,用户能够经过指定动画类型、时间、缓动效果,自由控制图表的入场、消失和数据更新动画效果。
大数据
响应式组件,在现实的图表应用场景中,一个棘手的难题是图表的展现空间每每并不足够显示图表的数据量,形成极值状况下文本的重叠遮挡、内容没法自适应、内容裁剪等问题。G2Plot 借鉴宽容性设计的思想,在图表的信息密度太高时,对图表组件信息进行抽稀、省略、调整,保证图表主要信息的展现和基本可读性
优化
内置统计分析高级组件,在一图一作、细致打磨的过程当中,咱们根据每个图表的特色,将使用图表进行统计分析时经常使用的组件进行了封装,内置进G2Plot。
下面是 G2Plot 与几种经常使用图表库的效果对比:
**
基于 AntV 设计语言,一套提炼自企业级产品的视觉语言和设计规范,G2Plot 根据每个图表自身的特色沉淀出一套默认配置,保证每一个图表在开箱状态下,呈现给用户的就是最规范、最优雅的状态。Good by Default 的同时,G2Plot 开放细粒度的图表配置,不管图形样式、各种图表组件、文本显示仍是图表事件,用户均可以根据本身的业务场景生产个性化图表。
很是感谢你的耐心阅读,G2Plot 发布 1.0 版本只是一个开始,虽然已经在 DeepInsight 等 BI 产品中应用上线,但相信还有不少问题有待打磨和完善,欢迎在 GitHub 给咱们反馈问题。若是你对 G2Plot 或者 AntV 旗下的其余产品感兴趣,能够经过如下渠道关注咱们: