开源|蚂蚁金服开源AntV F2:一个专注于移动,开箱即用的可视化解决方案

2018 年 8 月 28 日 蚂蚁程序猿

小蚂蚁说:

AntV 是蚂蚁金服全新一代数据可视化解决方案,主要子产品包括 G2、G6、F2。此前我们已经相继发布过AntV的相关开源消息与版本迭代,包括蚂蚁金服开源:数据驱动的高交互可视化图形语法G2》,《开源 | 蚂蚁金服开源:关系数据的可视化引擎 G6 2.0》,《蚂蚁金服开源 | 可视化图形语法 G2 3.2:迭变等相关消息。今天我们正式宣布,AntV F2 3.2 版本正式对外发布!


F2,是一个专注于移动,开箱即用的可视化解决方案,完美支持 H5 环境同时兼容多种环境(node, 小程序,weex)。完备的图形语法理论,满足你的各种可视化需求。专业的移动设计指引为你带来最佳的移动端图表体验。

产品特性

1.专注移动,体验优雅

在“准确、有效、清晰、美”的可视化原则的基础之上,结合移动设备特性(规格不一,计算能力不足和触摸界面)以及人们对移动设备的使用习惯,我们从设计、性能以及多端异构三个角度出发,为用户提供移动端图表的最佳实践。

  • 轻量化呈现,自然反馈:在设计上我们以人为本,追求自然简单易懂,有吸引力的表达效果,让用户在碎片化的时间里更快更高效得获取图表信息。同时在可视化的操作我们追求内容和操作有机融合,符合人的自然行为反应,让交互操作更自然。


常见图表:从左到右分别为折线图、柱状图和饼图


  • 轻巧流畅:性能我相信是移动端长期关注的问题,虽然移动设备硬件以及计算能力一直在不断提升,但是可以肯定地说,大多数用户并没有使用最新和最强大的移动设备。因此,F2 一直致力于追求极致的性能,针对移动设备做了大量的优化,在支持丰富(50+)图表的基础上同时保持代码量的小巧(不带交互版本 Gzip 压缩后 44k,带所有交互版本 56k),同时提供模块化的设计以支持动态加载,提供更优的大小。

  • 多端异构:在完美支持 H5 环境的同时,同时兼容 Node.js支付宝小程序微信小程序React Native以及 Weex 端的渲染,一份代码,多设备多环境渲染。

2.图表丰富,组件完备

与传统的图表库不同,抛弃了特图特做的封装思路,基于强大的图形语法理论,以数据驱动,通过图形语法的组合灵活构建各类图表,目前可绘制 50+ 图表类型(当然,还可以更多),覆盖各类场景。在提供基础的图表可视化能力外,我们还提供了丰富图表功能组件,满足各种功能需求。


3.扩展灵活,创意无限

我们在提供最佳实践的同时,还为开发者提供了灵活的扩展机制,包括 Shape、动画以及交互的自定义能力,当然还有图表样式的个性化定制,满足各种个性化的图表要求。



一直在路上

F2 3.2,因你而动

自 F2 3.1 启航之后,我们从未停止前行,非常感谢朋友们对 F2 的支持信任!以下是最新版本 F2 3.2 所做出的努力,更详细的内容可阅读以下发布稿链接:

https://www.yuque.com/antv/blog/f2-3.2-publish

拥抱开源

自 F2 开源以来,收到了很多有价值的意见和反馈,同时开源社区也基于 F2 进行了各种封装,非常感谢大家的支持信任,也欢迎更多的有志之士一起加入我们。

  • ant-design-mobile-chart:基于 F2 封装的 ant-mobile 图表组件。

  • BizCoblin:基于 F2,React 移动端可视化图表库。

  • VChart:VUX(Vue.js 移动端 UI 组件库)基于 F2 封装的图表组件。

  • weex-chart:Weex 上的图表组件。

  • eapp-dd-charts:钉钉 E 应用图表。

  • 虚席以待


实例赏析

F2 现已服务于阿里系各大 app:蚂蚁财富、支付宝、淘票票(专业版)等,每日经受着千万级 pv 的考验。



加入我们

感兴趣的小伙伴们欢迎通过以下途径关注我们!联系我们!!加入我们!!!

  • GitHubhttps://github.com/antvis/f2

  • 官网https://antv.alipay.com/zh-cn/f2/3.x

  • 邮件antv@antfin.com


AntV 是蚂蚁金服全新一代数据可视化解决方案,主要子产品包括 G2、G6、F2,欢迎共建!最后,感谢并期待与大家一起同行!


— END —

蚂蚁金服科技,只为分享干货

您的转发是对我们最大的支持

欢迎在文章下方留言与我们进行交流哦~

登录查看更多
0

相关内容

浙江蚂蚁小微金融服务集团有限公司,简称蚂蚁金服,正式成立于2014年,是专注于服务小微企业与普通消费者的互联网金融服务公司。其前身是成立于2000年10月,独立于阿里巴巴集团之外的中国内资公司——浙江阿里巴巴电子商务有限公司。 维基百科
【实用书】Python技术手册,第三版767页pdf
专知会员服务
234+阅读 · 2020年5月21日
【干货】大数据入门指南:Hadoop、Hive、Spark、 Storm等
专知会员服务
95+阅读 · 2019年12月4日
【电子书】C++ Primer Plus 第6版,附PDF
专知会员服务
87+阅读 · 2019年11月25日
【电子书】Flutter实战305页PDF免费下载
专知会员服务
22+阅读 · 2019年11月7日
美团:基于跨平台框架Flutter的动态化平台建设
前端之巅
14+阅读 · 2019年6月17日
安利两款强大的三维场景可视化软件
智能交通技术
8+阅读 · 2019年5月1日
云游戏行业发展趋势分析报告
行业研究报告
13+阅读 · 2019年3月24日
从webview到flutter:详解iOS中的Web开发
前端之巅
5+阅读 · 2019年3月24日
34个最优秀好用的Python开源框架
专知
9+阅读 · 2019年3月1日
已删除
将门创投
7+阅读 · 2018年11月5日
领域应用 | NLP 和知识图谱:金融科技领域的“双子星”
开放知识图谱
21+阅读 · 2018年8月12日
开源巨献:阿里巴巴最热门29款开源项目
算法与数据结构
5+阅读 · 2017年7月14日
Monocular Plan View Networks for Autonomous Driving
Arxiv
6+阅读 · 2019年5月16日
Arxiv
10+阅读 · 2019年2月19日
Arxiv
8+阅读 · 2018年6月19日
Arxiv
3+阅读 · 2018年3月27日
VIP会员
相关资讯
美团:基于跨平台框架Flutter的动态化平台建设
前端之巅
14+阅读 · 2019年6月17日
安利两款强大的三维场景可视化软件
智能交通技术
8+阅读 · 2019年5月1日
云游戏行业发展趋势分析报告
行业研究报告
13+阅读 · 2019年3月24日
从webview到flutter:详解iOS中的Web开发
前端之巅
5+阅读 · 2019年3月24日
34个最优秀好用的Python开源框架
专知
9+阅读 · 2019年3月1日
已删除
将门创投
7+阅读 · 2018年11月5日
领域应用 | NLP 和知识图谱:金融科技领域的“双子星”
开放知识图谱
21+阅读 · 2018年8月12日
开源巨献:阿里巴巴最热门29款开源项目
算法与数据结构
5+阅读 · 2017年7月14日
Top
微信扫码咨询专知VIP会员