Basic 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.
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.
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.
Simple bar (discrete)010,00020,00030,00040,00050,00060,00070,000010,00020,00030,00040,00050,00060,00070,000QtyMoreSoldRestockingMiscQtyMoreSoldRestockingMiscQtyMoreSoldRestockingMisc
Simple bar (time series - Turkish)010,00020,00030,00040,00050,00060,00070,000010,00020,00030,00040,00050,00060,00070,000Oca 1234567Oca 1234567QtyMoreSoldRestockingMisc
Simple bar (customized domain)-100,000-50,000050,000100,000-100,000-50,000050,000100,000QtyMoreSoldRestockingMiscQtyMoreSoldRestockingMiscQtyMoreSoldRestockingMisc
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.
Grouped bar (discrete)-60,000-40,000-20,000020,00040,00060,000-60,000-40,000-20,000020,00040,00060,000QtyMoreSoldRestockingMiscQtyMoreSoldRestockingMiscDataset 1Dataset 2Dataset 3Dataset 4
Stacked bar charts are useful for comparing proportional contributions within a category. They plot the relative value that each data series contributes to the total.
Stacked bar (discrete)020,00040,00060,00080,000100,000120,000140,000160,000180,000200,000020,00040,00060,00080,000100,000120,000140,000160,000180,000200,000QtyMoreSoldRestockingMiscQtyMoreSoldRestockingMiscDataset 1Dataset 2Dataset 3Dataset 4
Simple horizontal bar (discrete)QtyMoreSoldRestockingMiscQtyMoreSoldRestockingMisc010,00020,00030,00040,00050,00060,00070,000010,00020,00030,00040,00050,00060,00070,000QtyMoreSoldRestockingMisc
Bubble charts use data points and bubbles to plot measures anywhere along a scale. One measure is plotted along each axis. The size of the bubble represents the third measure. You can use bubble charts to represent financial data or any data where measured values are related.
Bubble (linear)10,00020,00030,00040,00050,00060,00010,00020,00030,00040,00050,00060,000Annual sales10,00011,00012,00013,00014,00015,00016,00010,00011,00012,00013,00014,00015,00016,000No. of employeesDataset 1Dataset 2
Scatter plot visualizations use data points to plot two measures anywhere along a scale, not only at regular tick marks. You can use scatter plots to explore correlations between different measures.
Scatter (linear x & y)010,00020,00030,00040,00050,000010,00020,00030,00040,00050,000Annual sales01,0002,0003,0004,0005,0006,0007,0008,00001,0002,0003,0004,0005,0006,0007,0008,000No. of employeesDataset 1Dataset 2
Stepped line charts plot data at regular intervals, forming a series of steps between data points. You can use line visualizations to show trends over time and compare several data sets.
Note: These charts are currently a work-in-progress. To see our roadmap, request missing guidance, or contribute content, please go to the carbon-charts GitHub repository.
Stacked area chart
Stacked area charts are useful for comparing proportional contributions within a category. They plot the relative value that each data series contributes to the total.
Meter and gauge
info icon
Note: Meter and gauge charts are not yet available in Carbon Charts. These explorations are subject to change.
Meter and gauge charts are useful for showing values between a small number of variables either by using multiple markers on the same meter or gauge or by using multiples of the chart.
Meter charts can represent data with current value, minimum and maximum, and peaks or averages.
Gauge animates to the current value when dashboard loads to create emphasis.