Skip to main content
Carbon
Design System
Search
IBM Design
IBM Design Language
IBM Brand Center
Design disciplines
Product
Digital
Event
Workplace
Design practices
Enterprise Design Thinking
IBM Design Research
IBM Design for AI
IBM iX
Get started
About Carbon
Design
Develop
Tutorial
Angular
React
Vue
Guidelines
2x Grid
Accessibility
Content
Color
Icons
Pictograms
Motion
Spacing
Themes
Typography
Components
Overview
Component status
Accordion
Breadcrumb
Button
Checkbox
Code snippet
Content switcher
Data table
Date picker
Dropdown
File uploader
Form
Inline loading
Link
List
Loading
Modal
Notification
Number input
Overflow menu
Pagination
Progress indicator
Radio button
Search
Select
Slider
Structured list
Tabs
Tag
Text input
Tile
Toggle
Tooltip
Tree view
UI shell header
UI shell left panel
UI shell right panel
Patterns
Overview
Common actions
Dialogs
Disabled states
Empty states
Filtering
Forms
Global header
Loading
Login
Notifications
Overflow content
Search
Data visualization
Get started
Chart types
Chart anatomy
Basic charts
Advanced charts
Color palettes
Axes and labels
Legends
Dashboards
Resources
How to contribute
Overview
Governance
Bugs and requests
Documentation
Components
Patterns
Add ons
Updates
Changelog and roadmap
Migration guide
Help
Support
FAQ
Community
Overview
Components
Patterns
Domain guidance
Design kit
GitHub
Chart types
Start by identifying the purpose of the visualization and choose a chart type appropriately.
Comparisons
Bar chart
Grouped bar
Bubble chart
Radar chart
Horizontal bar
Trends
Line chart
Area chart
Histogram
Design only
Stream chart
Part-to-whole
Donut / pie
Stacked bar
Stacked area
Design only
Tree map
Meter / gauge
Design only
Correlations
Scatter plot
Heat map
Parallel coordinates
Connections
Alluvial diagram
Design only
Tree diagram
Design only
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
