Svelte Bar Chart Race screenshot

Svelte Bar Chart Race

Author Avatar Theme by Metonym
Updated: 17 Jan 2026
33 Stars

Bar chart race visualization for Svelte

Categories

Overview

Svelte Bar Chart Race is a library that allows for the visualization of bar chart races in Svelte. A bar chart race is a horizontal bar chart that animates bars over a time interval, with bars sorted from highest to lowest values. The library provides components such as BarChartRace, Chart, and Slider for managing and customizing the bar chart race visualization.

Features

  • BarChartRace: Parent component that accepts data and options and manages internal state.
  • Chart: Child component that displays the chart with customizable display and animation.
  • Slider: Child component that shows a range input to control the interval (current value).

Installation

To install Svelte Bar Chart Race, you can use the npm package manager:

npm install svelte-bar-chart-race

Summary

Svelte Bar Chart Race is a library for creating bar chart races in Svelte. It provides components like BarChartRace, Chart, and Slider for managing and customizing the visualization. The library allows for the animation of bars over a time interval, with bars sorted based on their values. Overall, Svelte Bar Chart Race is a useful tool for creating engaging and interactive bar chart race visualizations.