AntV

Overview

AntV is Ant Group's open-source data visualization ecosystem — a family of specialized libraries rather than a single charting package. Flagship G2 implements the Grammar of Graphics in TypeScript (12.6k★); G6 handles graph and network analysis (12.3k★); L7 powers large-scale WebGL geospatial visualization; X6 drives flow/diagram editors; S2 renders multi-dimensional pivot tables; F2 targets mobile-native chart scenarios.

Key Features

• Grammar of Graphics Core (G2): Compose any chart declaratively from data mappings, scales, and coordinate systems — not a fixed gallery of chart types.
• Graph Intelligence (G6): Force-directed layouts, community detection, and million-edge rendering for relationship analysis, risk networks, and knowledge graphs.
• Geospatial at Scale (L7): WebGL-powered map layers handling massive point/heat data with 3D globe support.
• Diagramming Engine (X6): The engine behind flowchart editors and DAG-style node editors, with React/Vue-friendly embedding.

Installation & Quick Start

npm install @antv/g2

import { Chart } from "@antv/g2";

const chart = new Chart({ container: "container", autoFit: true });

chart
  .interval()
  .data([
    { genre: "Sports", sold: 275 },
    { genre: "Strategy", sold: 115 },
    { genre: "Action", sold: 120 },
  ])
  .encode("x", "genre")
  .encode("y", "sold");

await chart.render();

Why Choose AntV?

1. Enterprise-Proven: Powers Ant Group's own analytics at Alipay/Alibaba scale, with Chinese-language docs that are the best in class for CJK teams.
2. Specialized Depth: When ECharts' preset gallery is not enough — custom grammars, graph algorithms, or geo layers — each AntV library goes deeper.
3. Not For: Quick one-off bar charts where ECharts or Recharts gets you there faster with less concept overhead.