这套前端可视化框架,让数据栩栩如生!

dotNET跨平台 3天前

以下文章来源于编程导航 ,作者鱼皮

随着大数据的发展,人们越来越多地使用数据分析来解决问题。为了提高数据分析的效率,各种先进的数据可视化工具应需而生,可以直接根据指定的数据源,生成炫酷又直观的图表。

下面分享一套优秀的前端数据可视化框架,AntV,由蚂蚁集团精心打造,可以让数据栩栩如生。

说是 “框架” 有点小看它了,AntV 其实是一套全新又完整的数据可视化 解决方案!基于一套标准的设计系统,打造了各式各样的子项目,组成了一套完整的数据可视化架构!

AntV 架构图

G2、F2、G6、X6、L7、AVA,这特么都是啥啊!

快让我们来认识一下每个子项目的作用。

G2

G2 是一套 面向常规统计图表,以数据驱动的高交互可视化图形语法,具有高度的易用性和扩展性。使用 G2,你可以无需关注图表各种繁琐的实现细节,一条语句即可使用 Canvas 或 SVG 构建出各种各样的可交互的统计图表。

G2 图表

此外,还有 G2Plot,基于 G2,是一套开箱即用、易于配置、具有良好视觉和交互体验的 通用统计图表库。在 G2 的基础上,添加了更多图表类型,易用性进一步提升。

G2Plot

F2

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

此外,类似的还有 F2Native,一个 专注于客户端(Android/IOS)、开箱即用、高性能的可视化解决方案。具有完备的图形语法理论,满足你的各种需求,专业的移动设计指引为你带来最佳的移动端图表体验。

F2Native 折线图

G6

有时,G2 和 F2 提供的图表可能并不适合展示具有复杂关系的图,这时我们可以使用 G6。

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

以下图表 G6 都能很好的支持:

G6 关系图

在 G6 的基础上,蚂蚁还开发了 Graphin,取名意为 Graph Insight(图的分析洞察),是一个基于 G6 封装的 React 组件库,专注在关系可视分析领域,简单高效,开箱即用,可以帮助我们生成各种辅助分析的关系图表。

Graphin

X6

X6 是 AntV 旗下的 图编辑引擎,提供了一系列开箱即用的交互组件和简单易用的节点定制能力,方便我们快速搭建 DAG 图、ER 图、流程图等应用。

区别于 G6,X6 更专注于 图编辑,可以灵活地定义节点、边的样式和操作行为。

L7

L7 是基于 WebGL 的开源大规模地理空间数据可视分析开发框架,专注于空间数据可视分析,支持 2D、3D 一体化的海量数据高性能动态渲染。

L7 空间可视化

AVA

除了上面的多种可视化框架外,蚂蚁还开发了基于人工智能、更简便的可视分析技术框架 AVA,可以根据数据智能生成多种不同的可视化图表,避免了复杂的配置。

AVA demo

不得不感叹,蚂蚁金服的前端真的是非常专业了,如果要开发数据可视化应用,一定要试试 AntV 呀!

(0)

相关推荐

  • 每周一本书之《图说D3:数据可视化利器从入门到进阶》

    数据猿导读 <图说D3:数据可视化利器从入门到进阶>以一个故事开始,阐释制作可视化数据图表的基本方法论,以及如何结合D3 高效.快速地创建可视化图表. 作者:abby 数据.数据.数据.有 ...

  • 你一定要掌握的数据可视化基本设计原则(下)

    2020-12-28 14:04 导语:在刚完结的"这篇文章把数据讲透了"系列中,笔者从数据来源.采集.清洗等多个角度对庞大的数据体系进行了阐述:系列文章完结后,不少职场工作的朋友 ...

  • Python 交互式数据可视化框架:Dash(上)

    人人都可以简单入门Python.爬虫.数据分析 简说Python推荐 来源:Python 作者:Dylan 大家好,我是老表- 过去,创建分析型Web应用程序需要开发人员的丰富经验,这些开发人员需要掌 ...

  • 送你一套顶级知识获取框架,干货太多,慎入

    本文逻辑框架: 不废话,直接开整. 一 什么是知识? 要想获取知识,我们首先就要明白:什么是知识? 首先来区分一组词:信息:知识:智慧 先问你两个问题,是不是所有的信息都是知识?又或者是不是所有的知识 ...

  • 1:设计一套交易系统的框架(图解)

    交易系统追求的本质是:系统运转内,制造可持续的盈利.一次两次的买卖,不在交易系统的关心范围内.交易系统是围绕买入和卖出而建立的.买入策略就是寻找介入点,卖出策略涵盖止盈止损.相比于卖出策略,买入策略相 ...

  • 数据可视化如何选择数据指标

    编辑导语:数据可视化在一定程度上可以更好地传递信息.监测数据,进而推动问题更快地被发现和解决.而合适的数据指标选择有助于更好地构建数据可视化体系,规避潜在风险.本篇文章里,作者对数据可视化如何选择正确 ...

  • 168套全自动可视化Excel报表模板.xls

    No.1 资料详情 涵盖了财务分析报告表.企业日常管理表.人力资料管理表.日常办公报表.生产数据分析表.销售业绩表等等.有了这套资源包,你也可以轻松做出专业的Excel报表,让领导对你刮目相看.预览如 ...

  • Google数据可视化团队:数据可视化指南(中文版)

    这是一套谷歌数据可视化团队形成的全面的数据可视化指南,涵盖了设计原则.图表分类.图表的选用.样式设计.交互设计.仪表板设计等方面.有人对其进行了翻译,这个规范指南基本适用所有数据图表设计,很有参考价值 ...

  • 95套商业分析框架,系统掌握商业运作规律

    分析方法 1. 麦肯锡七步成诗:解决问题的七个步骤 2. 商业分析五流程:团队怎么做商业分析 3. 标杆分析法:改进源于发现差距 4. TTPPRC商业模型:简单高效的六维度分析 5. 商业预测四步法 ...

  • 【金猿产品展】全天智能实时大数据可视化分析平台——数据可视化行业探索者

    全天智能产品 本产品由全天智能投递并参与"数据猿年度金猿策划活动--2020大数据产业创新服务产品榜单及奖项"评选. 大数据产业创新服务媒体 --聚焦数据 · 改变商业 无缝对接各 ...

  • 100套商业分析框架+100套运营方法工具,帮助商业人士掌握商业运作规律

    商业,永远是这个世界上最刺激的财富游戏之一. 你只要精通商业运作规律,就可以从无到有,获取源源不断的财富.古有胡雪岩,今有马云,莫不是如此,通过商业建立了自己的财富帝国,获得了享之不尽的富贵. 不幸的 ...