Skip to content

antvis/component

Repository files navigation

@antv/component

Visualization components for AntV, based on G which is a flexible rendering engine for visualization.

build Coverage Status npm Version npm Download npm License

โœจ Features

  • Rich - Contains 20+ Visualization components, for AntV G2, G6, L7.
  • Powerful - Each component has powerful abilities and flexible scalability.
  • Well Design - Continuous optimization and iteration.
  • Powerful Renderer - Based on the powerful renderer G, we can render the components using Canvas, SVG or WebGL with same code.

๐Ÿ“ฆ Installation

$ npm install @antv/component
$ yarn add @antv/component

๐Ÿ”จ Getting Started

import { Canvas } from '@antv/g';
import { Renderer } from '@antv/g-canvas';
import { Button } from '@antv/component';

// 1. New a canvas.
const canvas = new Canvas({
  container: 'container',
  width: 600,
  height: 600,
  renderer: new Renderer(),
});

// 2. Create a button with configure.
const button = new Button({
  /* ... */
});

// 3. Append into G canvas.
canvas.appendChild(button);

// 4. Render.
canvas.render();

๐Ÿ“Ž Documents

๐Ÿ“ฎ Contribution

$ git clone git@github.com:antvis/component.git

$ cd component

$ npm install

$ npm run dev

Then send a pull request on GitHub.

๐Ÿ“„ License

MIT@AntV.