logo

G2

  • Docs
  • Chart Introduction
  • API
  • Examples
  • Theme
  • Ecosystem
  • Productsantv logo arrow
  • 5.3.3
  • 📈 Chart Introduction
  • Mosaic Plot
  • Bar Chart
  • Bubble Chart
  • Color Map
  • Histogram Chart
  • Radial Bar Chart
  • Stacked Bar Chart
  • Area Chart
  • Box Plot
  • Bubble Map
  • Radar Chart
  • Bi-directional Bar Chart
  • Multi-set Bar Chart
  • Donut Chart
  • Heatmap
  • Choropleth Map
  • Funnel Chart
  • K-Chart
  • Gauge Chart
  • Contour Line Chart
  • Bullet Chart
  • Sankey Diagram
  • Chord Diagram

📈 Chart Introduction

Next
Mosaic Plot

Resources

Ant Design
Galacea Effects
Umi-React Application Framework
Dumi-Component doc generator
ahooks-React Hooks Library

Community

Ant Financial Experience Tech
seeconfSEE Conf-Experience Tech Conference

Help

GitHub
StackOverflow

more productsMore Productions

Ant DesignAnt Design-Enterprise UI design language
yuqueYuque-Knowledge creation and Sharing tool
EggEgg-Enterprise-class Node development framework
kitchenKitchen-Sketch Tool set
GalaceanGalacean-互动图形解决方案
xtechLiven Experience technology
© Copyright 2025 Ant Group Co., Ltd..备案号:京ICP备15032932号-38

Loading...

When it comes to charts, what usually springs to mind are bar graphs, pie charts, trend lines, and so on. These are categorized based on graphical dimensions, which often leads to the misuse of charts.

The purpose of a chart is to help us better understand data. The key question to answer when choosing a chart is "What data do I have, and what do I need the chart to do?", not "What does the chart look like?". Therefore, we start from the data and classify charts based on their functions.

AllComparisonDistributionFlowProportionIntervalRelationTrendTimeMapOther
Mosaic Plot
Mosaic Plot
Comparison
Proportion
Bar Chart
Bar Chart
Comparison
Bubble Chart
Bubble Chart
Relation
Distribution
Color Map
Color Map
Comparison
Distribution
Histogram Chart
Histogram Chart
Comparison
Distribution
Radial Bar Chart
Radial Bar Chart
Comparison
Stacked Bar Chart
Stacked Bar Chart
Comparison
Proportion
Area Chart
Area Chart
Trend
Box Plot
Box Plot
Distribution
Comparison
Bubble Map
Bubble Map
Comparison
Radar Chart
Radar Chart
Comparison
Bi-directional Bar Chart
Bi-directional Bar Chart
Comparison
Multi-set Bar Chart
Multi-set Bar Chart
Comparison
Donut Chart
Donut Chart
Proportion
Heatmap
Heatmap
Distribution
Comparison
Choropleth Map
Choropleth Map
Map
Funnel Chart
Funnel Chart
Comparison
Flow
K-Chart
K-Chart
Trend
Time
Comparison
Gauge Chart
Gauge Chart
Interval
Contour Line Chart
Contour Line Chart
Distribution
Bullet Chart
Bullet Chart
Comparison
Distribution
Sankey Diagram
Sankey Diagram
Flow
Relation
Chord Diagram
Chord Diagram
Relation