UiSvelte

BarChart

BarChart visualizes data with rectangular bars representing values. Supports single series, grouped, and stacked layouts with animations, tooltips, and customizable legends.

01836537189JanFebMarAprMayJun

Sizes

Small

01836537189JanFebMarAprMayJun

Medium

01836537189JanFebMarAprMayJun

Large

01836537189JanFebMarAprMayJun

Extra Large

01836537189JanFebMarAprMayJun

Color Palettes

Default

01938577695JanFebMarAprMayJun
Product A
Product B
Product C

Rainbow

01938577695JanFebMarAprMayJun
Product A
Product B
Product C

Ocean

01938577695JanFebMarAprMayJun
Product A
Product B
Product C

Sunset

01938577695JanFebMarAprMayJun
Product A
Product B
Product C

Forest

01938577695JanFebMarAprMayJun
Product A
Product B
Product C

Neon

01938577695JanFebMarAprMayJun
Product A
Product B
Product C

Chart Modes

Single Series

01836537189JanFebMarAprMayJun

Grouped

01938577695JanFebMarAprMayJun
Product A
Product B
Product C

Stacked

04080120160200JanFebMarAprMayJun
Product A
Product B
Product C

Visual Effects

With Gradient

01836537189JanFebMarAprMayJun

With Glow

01836537189JanFebMarAprMayJun

Legend Positions

Top

01938577695JanFebMarAprMayJun
Product A
Product B
Product C

Right

01938577695JanFebMarAprMayJun
Product A
Product B
Product C

Bottom

01938577695JanFebMarAprMayJun
Product A
Product B
Product C

Left

01938577695JanFebMarAprMayJun
Product A
Product B
Product C

Props

Prop
Type
Default

DataPoint Type

Prop
Type
Default

Series Type

Prop
Type
Default