Skip to main contentCarbon Design System
    Switch sites
    • Foundations
    • IBM Brand Center
    • IBM Design Language
    • Implementation
    • Carbon Design System
    • Carbon for IBM Products
    • Carbon for Cloud
    • Carbon for IBM.com
    • IBM Event Design
    • IBM Workplace Design
    • Practices
    • Enterprise Design Thinking
    • IBM Accessibility
    • IBM Design for AI
    • IBM Design Research
    • IBM Experience Standards
    • Community
    • IBM Design
    • Racial Equity in Design

    • GitHub
    Collapse navigation items

    Chart types

    Start by identifying the purpose of the visualization and then choose the appropriate chart type.

    Comparisons

    Simple bar

    GATSBY_EMPTY_ALT

    Grouped bar

    GATSBY_EMPTY_ALT

    Floating bar

    GATSBY_EMPTY_ALT

    Lollipop

    GATSBY_EMPTY_ALT

    Bubble

    GATSBY_EMPTY_ALT

    Radar

    GATSBY_EMPTY_ALT

    Wordcloud

    GATSBY_EMPTY_ALT

    Trends

    Line

    GATSBY_EMPTY_ALT

    Area

    GATSBY_EMPTY_ALT

    Boxplot

    GATSBY_EMPTY_ALT

    Histogram

    GATSBY_EMPTY_ALT

    Stream

    GATSBY_EMPTY_ALT

    Part-to-whole

    Donut

    GATSBY_EMPTY_ALT

    Pie

    GATSBY_EMPTY_ALT

    Stacked bar

    GATSBY_EMPTY_ALT

    Bullet

    GATSBY_EMPTY_ALT

    Stacked area

    GATSBY_EMPTY_ALT

    Meter

    GATSBY_EMPTY_ALT

    Gauge

    GATSBY_EMPTY_ALT

    Tree map

    GATSBY_EMPTY_ALT

    Circle pack

    GATSBY_EMPTY_ALT

    Correlations

    Scatter

    GATSBY_EMPTY_ALT

    Heat map

    GATSBY_EMPTY_ALT

    Parallel coordinates

    Design only
    GATSBY_EMPTY_ALT

    Connections

    Alluvial diagram

    GATSBY_EMPTY_ALT

    Network diagram

    GATSBY_EMPTY_ALT

    Tree diagram

    GATSBY_EMPTY_ALT

    Geospatial: overlays

    Choropleth map

    Design only
    GATSBY_EMPTY_ALT

    Proportional symbol

    Design only
    GATSBY_EMPTY_ALT

    Connection map

    Design only
    GATSBY_EMPTY_ALT
    Edit this page on GitHub
    Previous
    Data visualization: Get started
    Next
    Data visualization: Chart anatomy
    • Contact us
    • Privacy
    • Terms of use
    • Accessibility
    • IBM.com
    • Medium
    • Twitter

    Have questions? Email us
    at carbon@us.ibm.com
    or open an issue on GitHub.

    React Components version ^1.70.0
    Last updated 14 November 2024
    Copyright © 2024 IBM