This app works best with JavaScript enabled.
Skip to main content
Carbon
Design System
IBM Design
IBM Design Language
IBM Brand Center
Design disciplines
Product
Digital
Events
Design practices
Enterprise Design Thinking
IBM Design Research
IBM Design for AI
IBM iX
Get started
About Carbon
Design
Develop
Tutorial
React
Vue
Guidelines
Accessibility
Content
Color
Iconography
Layout
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
UI shell header
UI shell left panel
UI shell right panel
Patterns
Overview
Common actions
Disabled states
Filtering
Overflow content
Experimental
Overview
Chatbots
Create flows
Delete pattern
Export pattern
Generate an API key
Import pattern
Navigation pattern
Remove pattern
Data visualization
Overview
Charts
Color palettes
Axis and labels
Legends
Tooltips
Resources
Contributions
Overview
Governance
Bugs and requests
Documentation
Components
Patterns
Add ons
Updates
What’s new
Roadmap
Migrate to v10
Help
Support
FAQ
Design Kit
Github
Charts
Basic charts
Advanced charts
Bar charts
Default
Grouped bar chart
Stacked bar chart
Line Charts
Default
Step line chart
Curved line chart
Area chart
Default
Pie / Donut chart
Default
Scatter plot
Default
Edit this page on GitHub
Previous
Data visualization: Overview
Next
Charts: Advanced charts