F系列:见微知著,扬帆起航

513 阅读8分钟

导读

AntV F 系列立足于移动端,基于 AntV 产品矩阵并结合业务孵化出的一套移动端可视化方案。F 系列中的产品均以F 开头命名,F 代表 Fast and Flexible,设计理念在于为多端提供快速、灵活、且具兼容性的可视化方案。见微知著,在小的屏幕中透出数据洞察,清晰有效地传达信息,为移动端提供完整的数据可视化方案。

缘起

从 2016 年起,AntV 就已经在面对移动端可视化的诉求了,从最早的 G2 开始,我们期望通过 G2Mobile 来兼容移动端的需求,但是随着业务的深入,我们发现需要兼容移动端的代码越来越多,G2 本身也变得越来越庞大,我们也预感到未来移动端还会有更多的场景和需求出现,为了能更好的支持移动端,同时也为了让 G2 减负,F2 应运而生,我们希望通过更快,更轻的可视化引擎来满足移动端的需求。在经历了移动端的快速发展,金融场景下的 K 线图、分时图等场景需要更高的性能,于是去年的 1122 F2Native 正式发布并开源。同年,蚂蚁企业信用作为独立的业务开始运作,企业风控领域中有很多图可视化的应用场景,由于业务从Web端到小程序均有涉及,为了更好的在小程序落地功能,我们完成了第一版 G6Mobile 的适配工作,为了更好的对移动端做支持,今年5月份正式更名为F6,针对移动端做了全新的架构升级。至此,F 系列初见雏形,正式扬帆起航,我们希望通过 F 系列,来满足移动端的可视化需求。 图1:F 系列发展时间线

架构设计

图2:AntV 产品矩阵图 和 AntV G(General)系列产品一样,F 系列也会围绕数据可视化中的统计数据可视化、关系数据可视化、地理空间数据可视化等领域,打造移动端数据可视化产品 F2、F6、F7。F系列在交互设计、性能兼容性以及包大小等方面针对移动端的特性和差异,进行了整体的架构设计,可支持H5、小程序、Node.js、Native等多端环境。 下面一起来看下 F 系列目前的几个产品及应用场景。

F2 移动端统计数据可视化

F2 是 F 系列中的第一个产品技术栈,专注于移动端统计数据可视化,F2 技术栈产品具有完备的图形语法理论,支持多种端环境(H5、小程序、Node.js、Native),并为不同端环境提供了相应的引擎能力,其中包括 移动端可视化引擎 F2支付宝小程序 f2-my微信小程序 f2-wxNative 可视化引擎 F2Native。未来,F2 会继续往数据传达方向深入与探索,并提供丰富且多元化的解决方案。 同时移动端可视化引擎 F2 也会在今年发布 4.0 版本,并提供强大的组件能力和叙事能力,为你带来更丰富的可视化表达和体验。 图3:各个国家GDP变化图

F6 移动端关系数据可视化

F6 是 F 系列中今年刚发布并开源的产品技术栈,专注于移动端关系数据可视化,致力于在移动端提供体验良好的关系数据可视化方案。 在移动端我们也会面临各种现实世界中的关系表达,比如投资、社交、类别等等,通过 F6 可以将这些关系数据使用简单的节点、边可视化出来,来更快地帮你做决策。然而在H5、小程序等多样化的移动端平台上,对性能、交互、体验也有更高的要求,F6 也将会针对这些端平台上的差异进行持续的优化和迭代,期待能为你带来方便、快捷的关系数据可视化方案。

图4:移动端关系可视化演示图

F7 移动端地理空间数据可视化

F7 将会专注于移动端地理空间数据可视化,面向移动互联网提供专业、简单、快捷的地理可视化引擎,让你在没有地理可视化专业背景下,也可以快速构建专业地理可视化应用,人人都能玩转地理数据。目前 F7 已经在业务中试用,相信很快就能和大家见面,敬请期待~

未来

F 系列将会持续立足于移动赛道,优化引擎能力,为移动端提供专业且丰富的数据可视化方案,满足你移动端下不同的可视化场景和诉求。F 系列也会积极往性能和多端方向探索和深入,尤其是 WebAssembly, Native 等方向,我们期望能提供一套高性能,且横跨多平台的数据可视化方案。为未来 IOT、VR、AR 等新兴领域的数据可视化做探索和准备。 最后,我们也欢迎广大开发者们参与和共建,欢迎关注我们。


AntV 2021 品牌日的发布详情

AntV 项目链接

欢迎关注我们的 GitHub 项目,点亮 star 了解我们的实时动态,期待 PR:

  • AntV 官网antv.vision/
  • G2github.com/antvis/g2 G2 是一套基于可视化编码的图形语法,以数据驱动,具有高度的易用性和扩展性,用户无需关注各种繁琐的实现细节,一条语句即可构建出各种各样的可交互的统计图表。
  • G2Plot:github.com/antvis/g2pl… G2Plot 的定位是开箱即用、易于配置、具有良好视觉和交互体验的通用图表库。
  • S2github.com/antvis/s2 S2 是多维交叉分析领域的表格解决方案,数据驱动视图,提供底层核心库、基础组件库、业务场景库,具备自由扩展的能力,让开发者既能开箱即用,也能基于自身场景自由发挥。
  • F2github.com/antvis/f2 F2 是一个专注于移动,开箱即用的可视化解决方案,完美支持 H5 环境同时兼容多种环境(node, 小程序,weex)。完备的图形语法理论,满足各种可视化需求。专业的移动设计指引为你带来最佳的移动端图表体验。
  • F6github.com/antvis/f6

F6 是一个简单、易用、完备的移动端图可视化引擎,它在高定制能力的基础上,提供了一系列设计优雅、便于 使用的图可视化解决方案。能帮助开发者搭建属于自己的图可视化、图分析、或图编辑器应用。

  • F2Nativegithub.com/antvis/F2Na… F2Native 是一个专注于客户端,开箱即用、高性能的可视化解决方案,完备的图形语法理论,满足你的各种需求,专业的移动设计指引为你带来最佳的移动端图表体验。
  • G6github.com/antvis/g6 G6 是 AntV 旗下的图可视化与图分析引擎,G 来自于 Graphic、Graph ,意味着我们要基于图分析技术做图可视化;6 来自于《六度分隔理论》,表达了我们对关系数据、关系网络的敬畏和着迷。
  • Graphin:github.com/antvis/grap… Graphin 是一个基于 G6 封装的关系可视分析工具,简单,高效,开箱即用,取自 Graph Insight,图的分析洞察。
  • X6github.com/antvis/X6 X6 是 AntV 旗下的图编辑引擎,提供了一系列开箱即用的交互组件和简单易用的节点定制能力,方便我们快速搭建 DAG 图、ER 图、流程图等应用。
  • XFlowgithub.com/antvis/XFlo… XFlow 是基于 X6 图编辑引擎、面向 React 技术栈用户的专业的图编辑应用级解决方案, 帮助您轻松开发复杂的图编辑应用。目前已经在蚂蚁大数据/人工智能场景中深度打磨验证。
  • L7github.com/antvis/l7 L7 是一个基于 WebGL 的开源大规模地理空间数据可视分析开发框架。L7 中的 L 代表 Location,7 代表世界七大洲,寓意能为全球位置数据提供可视分析的能力。
  • L7Plotgithub.com/antvis/l7pl… L7Plot 是基于 L7 封装的简单易用、图表丰富、支持定制的地理空间数据可视化地理图表库。
  • AVAgithub.com/antvis/AVA AVA 是为了更简便的可视分析而生的智能可视化框架。
  • Ggithub.com/antvis/g G 是 AntV 几个产品共同的底层 2D 渲染引擎,高效易用,专注于图形的渲染、拾取、事件以及动画机制,给上层 G2、F2、G6 提供统一的渲染机制。
  • ChartCubechartcube.alipay.com ChartCube 是一个可以快速完成图表制作的在线工具,只需要三步就可以创建出高品质的图表。