Skip to main content
Carbon Design System
Search
Switch sites
Foundations
IBM Brand Center
IBM Design Language
Implementation
Carbon Design System
Carbon for IBM Products
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
All about Carbon
What is Carbon?
Who uses Carbon?
The Carbon ecosystem
Partners
Releases
Case studies
Overview
Consistency in the Cloud
IBM Commerce Platform
What’s happening
News and articles
Meetups
Designing
Get started
Design kits
Other resources
Developing
Get started
Frameworks
Developer resources
Angular tutorial
React tutorial
Vue tutorial
Contributing
Overview
Bugs and requests
Documentation
Components
Icons
Patterns
Pictograms
Add ons
Migrating
Guide
FAQs
Guidelines
2x Grid
Accessibility
Content
Color
Icons
Pictograms
Motion
Spacing
Themes
Typography
Components
Overview
Accordion
Breadcrumb
Button
Checkbox
Code snippet
Contained list
Content switcher
Data table
Date picker
Dropdown
File uploader
Form
Inline loading
Link
List
Loading
Modal
Notification
Number input
Overflow menu
Pagination
Popover
Progress bar
Progress indicator
Radio button
Search
Select
Slider
Structured list
Tabs
Tag
Text input
Tile
Toggle
Toggletip
Tooltip
Tree view
UI shell header
UI shell left panel
UI shell right panel
Patterns
Overview
Common actions
Dialogs
Disabled states
Disclosures
Empty states
Filtering
Fluid styles
Forms
Global header
Loading
Login
Notifications
Overflow content
Read-only states
Search
Status indicators
Text toolbar
Community assets
Overview
Component index
Patterns
Domain guidance
Data visualization
Get started
Chart types
Chart anatomy
Simple charts
Complex charts
Color palettes
Axes and labels
Legends
Dashboards
Help
FAQs
Certificate of Originality
Contact us
GitHub
Collapse navigation items
Chart types
Start by identifying the purpose of the visualization and then choose the appropriate chart type.
Comparisons
Simple bar
Grouped bar
Floating bar
Lollipop
Bubble
Radar
Wordcloud
Trends
Line
Area
Boxplot
Histogram
Stream
Part-to-whole
Donut
Pie
Stacked bar
Bullet
Stacked area
Meter
Gauge
Tree map
Circle pack
Correlations
Scatter
Heat map
Parallel coordinates
Design only
Connections
Alluvial diagram
Network diagram
Tree diagram
Geospatial: overlays
Choropleth map
Design only
Proportional symbol
Design only
Connecting lines
Design only
Edit this page on GitHub
Previous
Data visualization: Get started
Next
Data visualization: Chart anatomy
