@antv/component

@antv/component

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

✨ 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

• API
• UI components
  • Axis
  • Legend
  • Tooltip
  • Slider
  • Scrollbar
  • Button
  • Checkbox
  • Navigator
  • Breadcrumb
  • Sparkline

📮 Contribution

$ git clone [e-mail]:antvis/component.git

$ cd component

$ npm install

$ npm run dev

Then send a pull request on GitHub.

📄 License

MIT@AntV.

Similar packages

Other packages similar to @antv/component

d3-axis

d3-axis is a module of D3.js that provides functions for creating axes in data visualizations. It is similar to the Axis component in @antv/component, offering customizable tick marks and scales. However, d3-axis is part of the larger D3.js library, which is known for its flexibility and extensive functionality for data-driven documents.

chart.js

Chart.js is a popular open-source library for creating simple yet flexible charts. It provides built-in components for axes, legends, and tooltips, similar to @antv/component. While Chart.js is more focused on ease of use and quick setup, @antv/component offers more customization options and is part of the AntV ecosystem, which is designed for more complex data visualization needs.

highcharts

Highcharts is a widely used charting library that offers a variety of chart types and components, including axes, legends, and tooltips. It is similar to @antv/component in terms of functionality but is a commercial product with licensing fees for certain use cases. Highcharts is known for its comprehensive documentation and support, making it a strong choice for enterprise applications.