Introduction to AutoChart

1 min read

AutoChart is a React component that can automatically recommends and renders the appropriate chart based on the input data.

✨ Features

AutoChart exports the AutoChart component which is available for AVA users. It combines the major capabilities of ChartAdvisor, the core chart recommendation library in AVA.

AutoChart can be used to automatically generate and render appropriate charts based on the given data and analysis requirements. The core purpose of AutoChart is to provide users with the ability to automatically illustrate proper chart of data with a single line of code.

📦 Installation

$ npm install @antv/auto-chart

🔨 Usage

import { AutoChart } from '@antv/auto-chart';

const defaultData = [
  { price: 100, type: 'A' },
  { price: 120, type: 'B' },
  { price: 150, type: 'C' },
];

ReactDOM.render(
  <>
    <AutoChart 
      title="CASE 1" 
      description="auto chart analysis" 
      data={defaultData} 
      language={'zh-CN'} 
    />
  </>,
  mountNode,
);

AutoChart Demo

📖 Documentation

For more usages, please check the API Reference