antvis/AVA

๐Ÿ‘พ AI-native Visual Analytics framework build for agents.

TypeScript

1,585

978 commits

updated Oct 15, 2026

See the code

README

AVA, AI-native Visual Analytics

AVA logo

AVA (AVA examples Visual Analytics) is a technology framework designed for more convenient visual analytics. The first A has multiple meanings: AI native, Automated, Augmented, and VA stands for Visual Analytics. It can assist users in unstructured data loading, data processing and analysis, as well as visualization code generation.

GitHub Website Documentation AI Agent llms Try Sive

AVA demo

โœจ Features

  • ๐Ÿ’ฌ Natural-language analysis โ€” Turn questions into executable queries, computed results, and summaries.
  • ๐Ÿ“Š Visualization โ€” Recommend chart types and generate chart specifications and HTML.
  • ๐Ÿ” Data profiling โ€” Inspect tables and calculate missing-value counts, ranges, and averages.
  • ๐Ÿ’ก Question suggestions โ€” Discover useful questions based on your data's structure and available statistics.
  • ๐Ÿ”Œ App and agent integration โ€” Use AVA through its SDK, CLI, or agent skill.
  • โš™๏ธ Multiple execution engines โ€” Use DuckDB, Python/pandas, or remote databases in Node.js, and JavaScript in browsers.
  • ๐Ÿงฉ Composable workflows โ€” Combine data loading, query generation, direct queries, and chart rendering.

๐Ÿš€ Getting started

๐Ÿ“ฆ Installation

Install the v4 alpha with Node.js 22.13+:

npm install @antv/ava@alpha

๐Ÿ’ป Usage

Investigate a monthly sales decline: measure the change, identify the largest contributors, and visualize the breakdown.

Load data

Download sales.csv to your working directory. The sample contains 240 orders across 2025, with products, regions, channels, sales, and profit.

import { AVA } from '@antv/ava';

const ava = new AVA({
  llm: {
    model: '<your-model>',
    apiKey: '<your-api-key>',
    // baseURL: '<your-provider-api-url>',
  },
});

await ava.source({ type: 'csv-file', options: { path: './sales.csv' } });

Ask questions

Measure the overall change using sales, the amount after discounts:

const overview = await ava.analyze(`
  Compare total sales in January and February 2025 using the sales column.
  Include the change and percentage change.
`);
console.log(overview.text);

Expected: sales fell from 38,897.18 to 21,804.11, down 17,093.07 (43.94%).

Find the products contributing to the decline:

const result = await ava.analyze(`
  Compare January and February 2025 sales by product using the sales column.
  Show both months and the change, ordered by the largest decline.
`);
console.log(result.text);
console.table(result.data);

Expected breakdown:

ProductJanuary salesFebruary salesChange
Laptop19,688.103,596.00โˆ’16,092.10
Standing Desk9,655.805,546.10โˆ’4,109.70
Monitor6,536.254,731.00โˆ’1,805.25
Pen Set232.20127.71โˆ’104.49
Bookshelf1,225.501,251.30+25.80
Copy Paper59.19137.06+77.87
Notebook31.50137.03+105.53
Keyboard215.641,015.31+799.67
Office Chair1,253.005,262.60+4,009.60

Laptops contributed the largest decline, while office chairs delivered the largest increase.

Visualize charts

Chart each product's contribution to the sales change:

import { writeFile } from 'node:fs/promises';

const chart = await ava.visualize({
  query: 'Plot the sales change by product from January to February 2025 as a bar chart.',
  data: result.data,
});
if (chart) {
  await writeFile('sales-change.html', chart.html);
}

Open sales-change.html in a browser with internet access.

Sales change by product from January to February 2025, with decreases in red and increases in green.

Find questions to explore

Get suggested questions for your data:

const suggestions = await ava.suggest();
console.log(suggestions);

๐Ÿ’ก Suggested questions

How do sales change month by month?

Which products contribute the most profit?

How do sales compare across channels?

Understand your data

Check missing values and sales ranges:

console.log(await ava.schema());
console.log(await ava.profile({ metrics: ['row_count', 'null_count', 'min', 'max'] }));

The sample has one missing region and one missing quantity.

Release resources when finished:

await ava.dispose();

๐Ÿ”Œ Connect your data

Connect files and databases, or load inline data.

Load an Excel workbook with source():

await ava.source({ type: 'excel', options: { path: './sales.xlsx' } });

See the data source guide for connection settings and engine support.

For browser applications, use @antv/ava/browser with inline data. See runtime configuration.

๐Ÿงฉ More ways to use AVA

The agent and CLI workflows run on Node.js 22.13+ on macOS or Linux.

Use with an Agent

Your agent plans the analysis; AVA runs queries and creates charts.

npm install -g @antv/ava@alpha
npx skills add antvis/AVA

In a new agent session, ask:

Use the AVA skill to analyze ./sales.csv. Compare January and February 2025
sales, identify the products contributing most to the change, and save a chart.

This workflow uses your agent's existing model. See agent setup.

Use from the CLI

Configure your model and load a CSV:

npm install -g @antv/ava@alpha

export OPENAI_API_KEY='<your-api-key>'
export OPENAI_MODEL='<your-model>'
# export OPENAI_BASE_URL='<your-provider-api-url>'

ava source ./sales.csv

Use the dataset ID returned by source:

ava analyze '<your-dataset-id>' 'Compare January and February 2025 sales by product, including the change.'
ava dispose '<your-dataset-id>'

analyze returns the answer as JSON. dispose releases the dataset. See all CLI commands.

๐Ÿ“š Resources

๐Ÿค Developer Contributions

Contributions are welcome. Include tests, examples, and documentation with new features.

Run npm test to test your changes. For model-backed tests, copy .env.example to .env and add your model settings.

๐Ÿ“‘ Papers

VizLinter - Chen, Q., Sun, F., Xu, X., Chen, Z., Wang, J. and Cao, N., 2021. VizLinter: A Linter and Fixer Framework for Data Visualization. IEEE transactions on visualization and computer graphics, 28(1), pp.206-216.

ใ€Šๆ•ฐๆฎๅฏ่ง†ๅŒ–่ฎพ่ฎก็š„็ฑปๅž‹ๅญฆๅฎž่ทตใ€‹๏ผˆExploring the Typology of Visualization Design๏ผ‰ - ่“ๆ˜Ÿๅฎ‡, ็Ž‹ๅ˜‰ๅ–†. ๆ•ฐๆฎๅฏ่ง†ๅŒ–่ฎพ่ฎก็š„็ฑปๅž‹ๅญฆๅฎž่ทต, ใ€Š็พŽๆœฏๅคง่ง‚ใ€‹, 2022(3), 149-152.

โš–๏ธ License

MIT

augmented-analytics
auto-insight
chart-aigc
chart-recommendation
charts
data-visualization
insight
insight-gpt
narrative-charts
visualization

antvis/AVA

๐Ÿ‘พ AI-native Visual Analytics framework build for agents.

TypeScript

1,585

978 commits

updated Oct 15, 2026

See the code

README

AVA, AI-native Visual Analytics

AVA logo

AVA (AVA examples Visual Analytics) is a technology framework designed for more convenient visual analytics. The first A has multiple meanings: AI native, Automated, Augmented, and VA stands for Visual Analytics. It can assist users in unstructured data loading, data processing and analysis, as well as visualization code generation.

GitHub Website Documentation AI Agent llms Try Sive

AVA demo

โœจ Features

  • ๐Ÿ’ฌ Natural-language analysis โ€” Turn questions into executable queries, computed results, and summaries.
  • ๐Ÿ“Š Visualization โ€” Recommend chart types and generate chart specifications and HTML.
  • ๐Ÿ” Data profiling โ€” Inspect tables and calculate missing-value counts, ranges, and averages.
  • ๐Ÿ’ก Question suggestions โ€” Discover useful questions based on your data's structure and available statistics.
  • ๐Ÿ”Œ App and agent integration โ€” Use AVA through its SDK, CLI, or agent skill.
  • โš™๏ธ Multiple execution engines โ€” Use DuckDB, Python/pandas, or remote databases in Node.js, and JavaScript in browsers.
  • ๐Ÿงฉ Composable workflows โ€” Combine data loading, query generation, direct queries, and chart rendering.

๐Ÿš€ Getting started

๐Ÿ“ฆ Installation

Install the v4 alpha with Node.js 22.13+:

npm install @antv/ava@alpha

๐Ÿ’ป Usage

Investigate a monthly sales decline: measure the change, identify the largest contributors, and visualize the breakdown.

Load data

Download sales.csv to your working directory. The sample contains 240 orders across 2025, with products, regions, channels, sales, and profit.

import { AVA } from '@antv/ava';

const ava = new AVA({
  llm: {
    model: '<your-model>',
    apiKey: '<your-api-key>',
    // baseURL: '<your-provider-api-url>',
  },
});

await ava.source({ type: 'csv-file', options: { path: './sales.csv' } });

Ask questions

Measure the overall change using sales, the amount after discounts:

const overview = await ava.analyze(`
  Compare total sales in January and February 2025 using the sales column.
  Include the change and percentage change.
`);
console.log(overview.text);

Expected: sales fell from 38,897.18 to 21,804.11, down 17,093.07 (43.94%).

Find the products contributing to the decline:

const result = await ava.analyze(`
  Compare January and February 2025 sales by product using the sales column.
  Show both months and the change, ordered by the largest decline.
`);
console.log(result.text);
console.table(result.data);

Expected breakdown:

ProductJanuary salesFebruary salesChange
Laptop19,688.103,596.00โˆ’16,092.10
Standing Desk9,655.805,546.10โˆ’4,109.70
Monitor6,536.254,731.00โˆ’1,805.25
Pen Set232.20127.71โˆ’104.49
Bookshelf1,225.501,251.30+25.80
Copy Paper59.19137.06+77.87
Notebook31.50137.03+105.53
Keyboard215.641,015.31+799.67
Office Chair1,253.005,262.60+4,009.60

Laptops contributed the largest decline, while office chairs delivered the largest increase.

Visualize charts

Chart each product's contribution to the sales change:

import { writeFile } from 'node:fs/promises';

const chart = await ava.visualize({
  query: 'Plot the sales change by product from January to February 2025 as a bar chart.',
  data: result.data,
});
if (chart) {
  await writeFile('sales-change.html', chart.html);
}

Open sales-change.html in a browser with internet access.

Sales change by product from January to February 2025, with decreases in red and increases in green.

Find questions to explore

Get suggested questions for your data:

const suggestions = await ava.suggest();
console.log(suggestions);

๐Ÿ’ก Suggested questions

How do sales change month by month?

Which products contribute the most profit?

How do sales compare across channels?

Understand your data

Check missing values and sales ranges:

console.log(await ava.schema());
console.log(await ava.profile({ metrics: ['row_count', 'null_count', 'min', 'max'] }));

The sample has one missing region and one missing quantity.

Release resources when finished:

await ava.dispose();

๐Ÿ”Œ Connect your data

Connect files and databases, or load inline data.

Load an Excel workbook with source():

await ava.source({ type: 'excel', options: { path: './sales.xlsx' } });

See the data source guide for connection settings and engine support.

For browser applications, use @antv/ava/browser with inline data. See runtime configuration.

๐Ÿงฉ More ways to use AVA

The agent and CLI workflows run on Node.js 22.13+ on macOS or Linux.

Use with an Agent

Your agent plans the analysis; AVA runs queries and creates charts.

npm install -g @antv/ava@alpha
npx skills add antvis/AVA

In a new agent session, ask:

Use the AVA skill to analyze ./sales.csv. Compare January and February 2025
sales, identify the products contributing most to the change, and save a chart.

This workflow uses your agent's existing model. See agent setup.

Use from the CLI

Configure your model and load a CSV:

npm install -g @antv/ava@alpha

export OPENAI_API_KEY='<your-api-key>'
export OPENAI_MODEL='<your-model>'
# export OPENAI_BASE_URL='<your-provider-api-url>'

ava source ./sales.csv

Use the dataset ID returned by source:

ava analyze '<your-dataset-id>' 'Compare January and February 2025 sales by product, including the change.'
ava dispose '<your-dataset-id>'

analyze returns the answer as JSON. dispose releases the dataset. See all CLI commands.

๐Ÿ“š Resources

๐Ÿค Developer Contributions

Contributions are welcome. Include tests, examples, and documentation with new features.

Run npm test to test your changes. For model-backed tests, copy .env.example to .env and add your model settings.

๐Ÿ“‘ Papers

VizLinter - Chen, Q., Sun, F., Xu, X., Chen, Z., Wang, J. and Cao, N., 2021. VizLinter: A Linter and Fixer Framework for Data Visualization. IEEE transactions on visualization and computer graphics, 28(1), pp.206-216.

ใ€Šๆ•ฐๆฎๅฏ่ง†ๅŒ–่ฎพ่ฎก็š„็ฑปๅž‹ๅญฆๅฎž่ทตใ€‹๏ผˆExploring the Typology of Visualization Design๏ผ‰ - ่“ๆ˜Ÿๅฎ‡, ็Ž‹ๅ˜‰ๅ–†. ๆ•ฐๆฎๅฏ่ง†ๅŒ–่ฎพ่ฎก็š„็ฑปๅž‹ๅญฆๅฎž่ทต, ใ€Š็พŽๆœฏๅคง่ง‚ใ€‹, 2022(3), 149-152.

โš–๏ธ License

MIT

augmented-analytics
auto-insight
chart-aigc
chart-recommendation
charts
data-visualization
insight
insight-gpt
narrative-charts
visualization

Project health

Overall

6.0/10

Maintained

10/10

Code review

9/10
OpenSSF Scorecard

Significant stargazers

ไบŒ่ดง็ˆฑๅƒ็™ฝ่ๅœ

1,438 followers ยท starred Feb 2020

maninhill

48 followers ยท starred Jun 2024

ๆ˜“่‰ฏ

146 followers ยท starred Jan 2020

1toldyou

6 followers ยท starred Jan 2022