智能可视分析框架 https://ava.antv.antgroup.com
AVA（
AVA 包含2个包，分别为 @antv/ava 和 @antv/ava-react ：
-
@antv/ava ：AVA 核心包，包含四大主要模块：
- data (数据处理)：数据处理模块。用于数据集统计分析和处理。
- insight (智能洞察)：自动洞察模块。自动地从多维数据中发现数据洞察。
- ckb (图表知识库)：图表知识库模块。基于经验总结的关于可视化和图表的各种基本知识和观察，它是智能图表推荐的基石。
- advisor (图表推荐和自动生成)：图表推荐模块。基于数据和分析需求来推荐图表类型和具体的图表细节设置，也可对既有的图表进行图表优化。
-
@antv/ava-react ：基于 AVA 能力整合而成的即插即用的 React 组件库， 它包含三大核心组件：
- <NarrativeTextVis />：展示数据洞察解读文本。在数据分析的全流程展示中，使用文本描述数据现象和给出洞察结论同样关键。
- <InsightCard />：以图文结合的方式展示数据洞察。既可以直接接收数据并自动进行洞察，也可以仅对洞察结果数据进行可视化和解读的展示。
- <AutoChart />>：根据数据自动推荐合适的图表并渲染。它可以为用户提供一行代码实现智能可视化的能力，目前该组件正在进一步升级中。
- 智能式驱动：集自动化、智能化于一体，简化可视分析过程。
- 丰富的功能：其功能覆盖数据分析全过程，链接人和数据，联通数据分析链条上的“最后一公里”。
- 灵活的语法：内置丰富的配置项，支持自定义。
可以通过 NPM 包管理器来安装 @antv/ava 和 @antv/ava-react。
$ npm install @antv/ava
$ npm install @antv/ava-react以下两个案例分别展示了 @antv/ava 和 @antv/ava-react 的使用方式（演示代码基于 React ）：
-
案例一：使用 @antv/ava 中的 insight (智能洞察) 模块 提取数据洞察。输入多维数据，后台自动运行不同算法来发现数据中有趣的模式，统一评估后按照分数返回高质量的数据洞察结果。
import { getInsights } from '@antv/ava'; // 输入：多维数据 const data = [ { year: '2000', value: 100 }, { year: '2001', value: 200 }, { year: '2002', value: 220 }, { year: '2003', value: 230 }, { year: '2004', value: 245 }, { year: '2005', value: 156 }, { year: '2006', value: 178 }, { year: '2007', value: 180 }, { year: '2008', value: 190 }, { year: '2009', value: 1000 }, ] // insightRes 中包含数据中有趣的洞察 insights const insightRes = getInsights(data)
-
案例二：使用 @antv/ava-react 中的 <InsightCard /> 展示洞察结果。该组件可以直接展示数据洞察结果，这里以案例一中的洞察结果作为输入：
<div id="root"></div>
// 引入 <InsightCard /> 组件 import { InsightCard } from '@antv/ava-react'; const root = ReactDOM.createRoot(document.getElementById('root')); // 渲染 root.render( <InsightCard insightInfo={insightRes.insights[0]} visualizationOptions={{ lang: 'zh-CN' }} /> );
渲染的结果如下：
我们欢迎任何共建。请先阅读 贡献指南。欢迎通过 pull requests 或 GitHub issues 向我们提供你的想法。让我们一起来把 AVA 做得更好！
开发指引请参考 Wiki: Development。
强烈推荐阅读 《提问的智慧》、《如何向开源社区提问题》 和 《如何有效地报告 Bug》、《如何向开源项目提交无法解答的问题》，更好的问题更容易获得帮助。
MIT@AntV.