Skip to main contentCarbon Design System

Simple charts

Simple charts offer a way to visualize data sets in an intuitive, easy to understand way. Every chart should tell a story and should reflect the content on the page where it is found.

Resources

Carbon Charts demo site
storybook icon

Area (simple)

Area charts are similar to line charts, but the areas below the lines are filled with colors or patterns. Stacked charts are useful for comparing proportional contributions within a category. They plot the relative value that each data series contributes to the total.

React Angular Vue Vanilla
5 more demos

Bar (simple)

Bar charts use vertical or horizontal data markers to compare individual values. You can use them to compare discrete data or show trends over time.

8 more demos

Bar (grouped)

A grouped bar chart, also known as a clustered bar graph, multi-set bar chart, or grouped column chart, is a type of bar graph that is used to compare values across multiple categories.