Animated Bar Chart free

Bars that grow in a wave when the chart scrolls into view, with hover highlight and values.

Customize

The numbers to chart (comma separated)

One label per number (comma separated)

Bar gradient, top and bottom

Colour of the hovered bar

Chart height (px)

Space between bars (px)

Rounded top of each bar (px)

Grow animation duration (ms)

Delay between one bar and the next (ms)

Show light horizontal linesAlways show the number above each bar

import AnimatedBarChart from './AnimatedBarChart';

<AnimatedBarChart />

Checking your access…

Dependencies: none