Horizontal Bar Chart

Data & ChartsLive Preview

Horizontal bars that race to their values with staggered animation.

Customize Preview

Select options to update the live preview, or edit the prompt directly below.

Bars

Animation

Colors

Labels

Bar Style

Your Prompt

abcclick to edit

Create a horizontal bar chart with 6 bars that animate from 0% to their value. Bars grow with a smooth slide-right ease-out animation and have different gradient colors per bar colors. Each bar shows a left-aligned text label label on the left and a value on the right. The bars have rounded corners (8px radius) styling. Stagger the animation with a delay between each bar.