Bar Chart
Bar Chart
Preview Frames X UI Kit
Bar Chart
in Figma
Figma Bar Chart
Bar charts are rectangular, vertical, or horizontal bar-shaped charts that commonly visualize comparisons between things. They can be used to compare data across different categories and show trends over time.
Bar Charts UI Best Practices
Combine bar charts with Line or Pie Charts to clearly show multiple data dimensions. Bar charts excel at comparing values, while line charts reveal trends, and pie charts display proportions. This combination can create a more insightful visualization of your data.
Sort bars logically - either by natural order or by size to indicate importance;
Always sort bar chart data (ascending/descending) unless time-based;
Use label properties clearly above or inside bars.