Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

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.

About

๐Ÿฑ AntV UI component based on G render engine.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 47

Languages

AltStyle ใซใ‚ˆใฃใฆๅค‰ๆ›ใ•ใ‚ŒใŸใƒšใƒผใ‚ธ (->ใ‚ชใƒชใ‚ธใƒŠใƒซ) /