BeUI
Official Site →
Back to Charts

Composition Chart

Stacked bar and area shares with period tooltips and a compact interactive legend.

View on beui.devView Source

Live Preview

Live

Installation & Files

Installation
pnpm dlx shadcn@latest add @beui/composition-chart
Component Files (6)
  • components/charts/composition-chart.tsx
  • components/charts/composition-chart/context.tsx
  • components/charts/composition-chart/legend.tsx
  • components/charts/composition-chart/model.ts
  • components/charts/composition-chart/plot.tsx
  • components/charts/composition-chart/tooltip-content.tsx

Component Details

Category
Charts
Component Slug
composition-chart
Published
9/25/2026
Last Updated
9/25/2026

About This Catalog

This is a reference catalog of the complete BeUI component library. For full interactive demos, live code playgrounds, and detailed documentation, visit beui.dev.