AntV

项目概述

AntV 是蚂蚁集团开源的数据可视化生态家族，而非单一图表库。旗舰 G2 以 TypeScript 实现图形语法（Grammar of Graphics，12.6k★）；G6 专注图与网络分析（12.3k★）；L7 支撑大规模 WebGL 地理空间可视化；X6 驱动流程图/DAG 节点编辑器；S2 渲染多维交叉透视表；F2 面向移动端高性能图表。各库可独立使用，也可按需组合。

核心特性

• 📊 图形语法内核（G2）：从数据映射、比例尺、坐标系三个维度声明式组合出任意图表，而非被固定图表类型清单束缚。
• 🕸️ 图智能分析（G6）：力导向布局、社区发现、百万边渲染，风控网络与知识图谱场景的事实标准之一。
• 🌏 地理空间引擎（L7）：WebGL 驱动的海量点/热力图层与 3D 地球，地理大屏可视化利器。
• 🔀 图编辑引擎（X6）：流程图画布与节点编辑器的底层引擎，对 React/Vue 友好嵌入。

快速上手与示例代码

npm install @antv/g2

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

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

chart
  .interval()
  .data([
    { genre: "体育", sold: 275 },
    { genre: "策略", sold: 115 },
    { genre: "动作", sold: 120 },
  ])
  .encode("x", "genre")
  .encode("y", "sold");

await chart.render();

技术选型建议与适用场景

1. 企业级验证：支撑蚂蚁/支付宝体量的真实分析业务，中文文档与社区生态对国内团队尤为友好。
2. 专业化深度：当 ECharts 的预设图表清单不够用——需要自定义语法、图算法或地理图层时，每个 AntV 子库都走得更深。
3. 不适用场景：只需快速画一个柱状图的场合，ECharts 或 Recharts 上手成本更低、概念负担更小。