English | 简体中文

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 React from 'react';
import ReactDOM from 'react-dom';
import { AutoChart } from '@antv/auto-chart';

const data = [
  { f1: '2019-01', f2: 100 },
  { f1: '2019-02', f2: 300 },
  { f1: '2019-03', f2: 340 },
  { f1: '2019-04', f2: 330 },
];

ReactDOM.render(<AutoChart data={data} />, document.getElementById('container'));

📖 Documentation

For more usages, please check the API Reference

Contribution

We welcome all contributions. Please read General Contribution Guide first.

You can submit any ideas as Pull Requests or as GitHub Issues. Let's build a better AVA together.

License

MIT