【AICon】探索RAG 技术在实际应用中遇到的挑战及应对策略!AICon精华内容已上线73%>>> 了解详情
写点什么

功能更丰富更强大 AntV 11.22

  • 2019-11-26
  • 本文字数:3988 字

    阅读完需:约 13 分钟

功能更丰富更强大 AntV 11.22

AntV 是一个数据可视化项目,也是一个团队,蚂蚁金服数据可视化团队,一群有爱有梦的人,怀揣「让人们在数据世界里获得视觉化思考能力」的梦想前行, 希望成就智能时代全球领先的数据可视化解决方案,满足与日俱增的数据洞察需求。


AntV 目前覆盖了统计图表、移动端图表、图可视化、地理可视化、2D 绘图引擎和智能可视化多个领域,主要包含 G2、G6、F2、L7 以及一套完整的图表使用和设计规范。得益于丰富的业务场景和用户需求挑战,AntV 经历多年积累与不断打磨,已支撑起阿里集团内外 20000+ 业务系统,通过了日均千万级 UV 产品的严苛考验,是阿里经济体数据可视化最重要的基础设施。


跟往年的品牌日一样,今天依旧会有几个底层基础类库的大量更新发布,除此之外,非常高兴的向大家介绍 AntV 产品矩阵新添的三个成员:


  • G2Plot,一个基于 G2,开箱即用、易于配置、具有良好视觉和交互体验的通用图表库;

  • Graphin,一个基于 G6,专注关系可视分析领域的 React 组件库,简单,高效,开箱即用;

  • ChartCube,一个可以快速完成图表制作的在线工具,只需要三步就可以创建出高品质的图表;


他们都是 AntV 技术栈上的更高抽象的封装或应用,详见文稿详情。


跟往年的品牌日不一样,今年的品牌日主题为「知源 · 致远」,除了上述技术、设计的更新与发布,我们真诚的向大家分享 AntV 团队的由来与发展历程,详见文末 AntV 全员出镜演绎的团队纪录片,匠心知源,同行致远。

匠心打磨,是时候给大家一个图表库了—— G2Plot

G2Plot,一个基于 G2,开箱即用、易于配置、具有良好视觉和交互体验的通用图表库。

G2 是一套基于可视化编码的图形语法,以数据驱动,具有高度的易用性和扩展性,用户无需关注各种繁琐的实现细节,一条语句即可构建出各种各样的可交互的统计图表。


每个人都能制作图表,但并不是人人都能做出易读,好用又好看的优秀图表。如何从无聊的默认设置变成有洞见的数据图表呢?我们融合了在商业智能(BI)中的可视分析与设计实践经验,基于 G2 的灵活、强大的可视表达能力,抽象常用图表类型封装出全新的可视化图表库 G2Plot。结合真实数据,制作图表,获取专业的可视化。


我们曾经说过 G2 是一个可以生产图表库的图表库,如今自证预言的推出 G2Plot 除了具备 G2 无限可能的可视表达能力外,G2Plot 最主要的特性还有:


  • 开箱即用:默认好用开箱即用的高质量统计图表

  • 响应式:针对各种分辨率的响应、文本覆盖、文本超出限制做了精心的设计

  • 会讲故事的图表:提供了多图组合、叠加、联动,共同讲述一个数据故事的可能性




提前预告的还有 G2 4.0,在 G2 1.0 - 2.0 阶段我们专注于图形语法,解决了数据到图形的映射问题,用户可以通过自由组合图形语法快速搭建各种图表。G2 3.0 随着业务对图表体验需求不断升级,我们对图表组件以及交互进行了改造,提供了更加灵活的配置以及自定义功能。而此次 G2 4.0 对我们来说是一个很重要的新起点,我们对底层架构做了大量的重构工作,当前 G2 4.0 Alpha 版本已放出,稳定版预计将在两个月后正式发布,她将是一个专业的、给用户带来更多可能性的可视化底层引擎,在保证图表优雅体验的同时,4.0 将会更加关注于:


  • 图形语法,数据到图形的映射;

  • 交互语法,交互同数据、图形的连接机制;

  • 组件体系,面向交互、体验优雅;

点线析源远,洞察关系数据—— Graphin

Graphin,取名自 Graph Insight,图的分析洞察,一个基于 G6,专注关系可视分析领域的 React 组件库,简单,高效,开箱即用。

G6 AntV 旗下的图分析及图可视化引擎,G 来自于 Graphic、Graph ,意味着我们要基于图分析技术做图可视化;6 来自于《六度分隔理论》,表达了我们对关系数据、关系网络的敬畏和着迷。


目前图分析已经被广泛应用在金融反欺诈,公共安全,基础设施监控,智慧医疗等领域。在这个过程中,我们需要一个强大的图计算引擎,解决数据合规,挖掘问题。也需要相应的图算法去解决图的构建,分析问题。最后在前端,我们需要一个图可视化引擎,为我们提供可视化分析能力,发现潜在的价值。


Graphin 就是在这样的背景下诞生的,基于 G6 的底层能力一方面屏蔽掉一些领域专业的概念,同时又封装进去很多常用的图分析功能,进一步降低图可视化领域的专业门槛,将这些关系数据进行可视化分析与探索。Graphin 具有如下产品特性:


  • 数据驱动:充分利用 React 框架特性,支持数据到图的映射与变化;

  • 自动布局:内置丰富的布局,支持布局切换,满足不同场景下的布局需求;

  • 分析组件:内置 Toolbar,ContextMenu,MiniMap,Filter 等组件,组件化开发,支持自定义;

  • 自定义样式:内置节点与边的样式,支持用户通过 JSON Schema 自定义;

  • 基础分析:支持节点扩散,寻找边关系等基础分析方法;

  • 高级分析:开源后计划新增时序分析(timebar),地理位置分析(map mode)等高级分析方法。


值得一提的是,G6 从 18 年开源到现在已经第 2 个版本,从基础关系图绘制到图分析与图编辑底座,而在 3.1.版本后的 G6 已重新聚焦在图分析方向,我们将会给出另外一个产品去承载图编辑方向的需求。有了这个改变,今天我们带来的 G6 3.2 版本能够更聚焦的提供:


  • 更丰富的元素: 内置丰富的节点与边元素,自由配置,支持自定义;

  • 更可控的交互: 内置 10+ 交互行为,支持自定义交互;

  • 更强大的布局: 内置了 10+ 常用的图布局,支持自定义布局;

  • 更便捷的组件: 优化内置组件功能及性能;

  • 更友好的体验: 根据用户需求分层梳理文档,支持 TypeScript 类型推断。


除了上述默认好用、配置自由的内置功能,元素、交互、布局均具有高可扩展的自定义机制。




丰富的内置元素。🆕菱形、三角形、星型、卡片型节点。🆕arc 型、自动弯折的折线型边。



自定义元素及辅助展示及分析的组件——🆕边绑定。

图表制作可以很简单—— ChartCube

ChartCube 是一个可以快速完成图表制作的在线工具,只需要三步就可以创建出高品质的图表。


图表制作——这个最常见却也五花八门的需求,往往因为工具的领域闭塞性而变得麻烦。虽然设计师能画出任何形式的图表,但他们常常遇到要做数据的批量改动而手抖;虽然分析师可以使用办公软件熟练地制作图表,但他们会因为静态的图片不能交互而发愁;虽然程序员可以绘制高可用的交互式图表,但他们常常为了学习代码类库而挠头……让你在制作一张简单图表时感受到挫败的,通常是一个浅浅的门槛。这个门槛可能是“图例怎么对不齐”,也可能是“数据怎么行列转换”,还可能是“分析这个目标我该用什么图表”……困扰你的是哪一种?


为了让 AntV 多年沉淀的专业技术可以一步服务于你,我们开发了一个在线工具:图表魔方 ChartCube。



你可以完全不懂如何处理数据,你可以没听说过任何图表类库,你也不需要写一行代码。通过最直观的交互,你都能制作出你需要的图表。


也许你想为你的运营文章制作一张插图,也许你需要一份满足格式要求的数据,甚至你需要一份直接插入网页的代码,ChartCube 都能支持。


利用 ChartCube 制作图表,过程非常简单。通常你只需要三步:选择图表、配置图表、导出图表,欢迎试用。

优雅的 AntV 设计来了—— 优雅的视觉、交互与制图

过去一年我们在统计图表、关系可视化、地理可视化、图表制作以及可视化站点方面投入了大量的设计资源,今天已连同上述各个产品一起对外发布。而今年 AntV 设计的关键词为“优雅”,我们希望在视觉、交互与制图三方面给大家带来些优雅的设计。


在优雅的视觉设计里,我们最大的改进是对信息过载的处理,如智能检测,以数据标签为例,数据标签如果不知道它的背景色是深是浅,是疏是密,就会出现标签过密、颜色看不清等系列问题。这次产品发布中,标签结合颜色检测、碰撞检测、图形检测、超区域检测,我们已能解决这些问题。除此之外还有符合美学选择和专注的全新视觉样式,很多人期待的 Dark Mode 也会到来,将与 Ant Design 相关组件、页面无缝融合,整体和谐优美。



在优雅的交互设计里,AntV 在构建响应式系统时结合 Responsive design 与 Adaptive design,遵循宏观层面保证核心信息优先展示,微观层面保证所有尺寸下细节信息都有能力获取到交互两条基本原则,使得小到 mini 图表,大到大屏显示,AntV 总能保证重点信息不丢失的同时轻松胜任各种尺寸、多种设备。同时,交互语法的增强使得 AntV 在叙事能力有了进一步提升。



在优雅的制图设计里,AntV 一直致力于提供研发套件,这回我们把关注点聚焦到设计师身上,让设计者进入图表制作的全面提效时代,Sketch 插件 Kitchen 以及上面介绍到的 ChartCube,只需 10 秒,轻松做出优雅图表。


知源 · 致远

这是 AntV 发展的第 5 个年头,从 2014 年第一位工程师的白手起家,到 2017 年第一个项目 G2 开源,现如今我们已经有了 7 个产品,几十个项目在 GitHub 上发布,团队的规模也从 3-5 个人发展成横跨蚂蚁多个前端、设计部门 30+ 人员的专业团队。


5 年来的起伏跌宕虽然不能说波澜壮阔,但却是我们生命中永不磨灭的印迹,藉由这 4 分钟的视频与大家分享过去这 5 年 AntV 团队所经历的欢喜与失落,专注、专业、坚持,希望对这份匠心的知源,能与大家并肩同行致远。

结语

过去一年我们从底向上重构了绘图引擎 G,重写了所有的组件(Axis、Legend、Annotation 等),对 G2、G6、L7 进行了重构,解决了各种复杂的数据场景适配问题,向着可视化工具开箱即用的方向发展。


我们看到各个产品的界限在不断模糊,传统图表和关系图混用、地理场景上的关系分析、多端融合要求我们不断的从渲染引擎、组件、数据处理层面进行重构,使用户可以无缝的对各个产品进行整合,智能可视化对可视化研发、设计、产品的影响已经出现,颠覆性的产品可能很快就会颖而出。


我们已经做好准备了吗?还没有,但我们已经在行动,我们是 AntV,蚂蚁金服数据可视化团队,一群有爱有梦的人,怀揣「让人们在数据世界里获得视觉化思考能力」的梦想前行。


AntV,知源 · 致远!


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


原文链接:


https://mp.weixin.qq.com/s/BJoWfLyWZ2MkPeo7X8-mNg


2019-11-26 11:241451

评论

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

完美!阿里P8仅用242页笔记,就由浅入深讲解了SQL概念

Java~~~

Java sql 阿里巴巴 SQL语法 sql查询

五面进军饿了么!复盘总结11月上半月大厂面试真题,押题命中率高达95%以上

Java架构追梦

Java 阿里巴巴 架构 面试

Spring / Spring boot 异步任务编程 WebAsyncTask

Bruce Duan

异步任务编程 WebAsyncTask

【乘风破浪的开发者】丁一超:从AI实战营出发探索未知的AI世界

华为云开发者联盟

华为 AI modelarts

遥感影像处理有高招,“专治”各类花式并发的述求!

华为云开发者联盟

容器 k8s 遥感

SQL数据库:子查询和关联子查询

正向成长

SQL子查询 SQL关联查询

云算力挖矿模式系统开发,云算力平台搭建

13530558032

数字货币交易所功能,场外OTC交易所开发公司

13530558032

牛批!2w字的Java集合框架面试题精华集(2020最新版),赶紧收藏。

Java架构之路

Java 程序员 架构 面试 编程语言

在Android中使用DataBinding(Kotlin)

simon

android Android进阶 JetPack DataBinding 数据绑定

python+requests对app和微信小程序进行接口测试

测试人生路

Python 接口测试

成年人的世界都不容易-看看做到年薪50万的程序员,到底有多累?

Java架构师迁哥

多线程问的太深入不知道怎么回答,从volatile开始给你讲清楚

小Q

Java 学习 面试 volatile 多线程

从红黑树的本质出发,彻底理解红黑树!

996小迁

Java 架构 面试 程序人生

MySQL全面瓦解—子查询和组合查询

比伯

Java 编程 程序员 架构 计算机

#不吐不快# IT职场里的奇葩经历

InfoQ写作社区官方

职场搞笑 奇葩的经历 热门活动

亿级大表分库分表实战总结(万字干货,实战复盘)

学习 编程 架构 计算机网络

【涂鸦物联网足迹】涂鸦云平台标准指令集说明

IoT云工坊

人工智能 cpu 物联网 智能家居 指令集

影响王兴的一本书

池建强

读书笔记 无限游戏 王兴

亿级大表分库分表实战总结(万字干货,实战复盘)

比伯

Java 编程 程序员 架构 计算机

React Fiber 是什么?

局外人

react.js 大前端 React

从“小众”到“首选”,推动云原生产业落地华为云作用几何?

华为云开发者联盟

云计算 架构 容器

anyRTC AI降噪|让声音更清晰

anyRTC开发者

人工智能 AI 音视频 WebRTC RTC

关于linux操作系统中的buff/cache

程序员架构进阶

Linux cache buffer

覆盖全网的阿里微服务架构有多牛:K8S+实战+笔记+项目教程

Java~~~

Java 程序员 微服务 Spring Cloud 阿里云 K8S

下笔如有神:这是一个基于营销行业的 AI 技术实践

京东科技开发者

人工智能 自然语言处理 nlp

快速理解二十三种设计模式(速记)

simon

设计模式 23种设计模式 Java设计模式

刷Github时发现了一本阿里大神的算法笔记!标星70.5K

Java架构师迁哥

USDT币支付系统开发搭建,区块链承兑商支付平台

13530558032

拒招中国程序员后,开源平台 GitLab 又开始大规模封杀开发者账户

Java架构师迁哥

数字货币钱包开发费用,区块链钱包开发优势

13530558032

功能更丰富更强大 AntV 11.22_文化 & 方法_Geek_cb7643_InfoQ精选文章