Bar Chart

A bar chart is a graphical representation of data using rectangular bars, with lengths proportional to the values they represent.

Base Components

Overview

A bar chart is a graphical representation of data using rectangular bars.
https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fdesign%2FGl3138LYJ71TKOZEC0F8nJ%2FShipfaster-UI---v2.7.1-(LIVE)%3Fnode-id%3D5158-758%26t%3DpA8X0YmO6d7F2SMU-1

When should you use them?

Use bar charts to compare quantities across different categories, such as survey results or sales data.

How should you use them?

  • Label each axis clearly and provide a title for the chart.
  • Use consistent and distinct colors for different bars.
  • Ensure bars are evenly spaced and not too narrow.
  • Provide tooltips or labels to show exact values.
  • Avoid clutter by limiting the number of categories displayed.
Previous

No previous post
Up next

No next post