Horizontal Bar Chart Card

Shadcn UI Chart Card Block

ChartCard4 is a horizontal bar chart wrapped in a card container. The layout shows category labels on the left Y-axis with bars extending to the right. The X-axis shows numeric values at the bottom. Bars have rounded right corners.

Light card surface with bars using the primary chart color. Category labels are left-aligned with consistent width allocation. Bars extend horizontally making it easy to compare lengths. The rounded right edges soften the appearance. No grid lines keeps the focus on the bar lengths and labels.

Horizontal bar charts work well when category labels are longer text strings that would be hard to read on a vertical X-axis. The layout naturally accommodates labels like browser names, country names, or product categories. A practical choice for ranked or categorical data where readability of labels matters.

The chart maintains label readability at all widths. Bars scale proportionally while labels remain fixed width. Works well for top-N lists and breakdowns.