Carrera de barras

Barras que compiten ronda tras ronda: crecen con resorte y las filas se reordenan cuando alguien rebasa a otro.

Vista previa en vivo

Instalación

1. Configura el registro Pro una sola vez

Los componentes Pro no están en npm ni en el registro público de shadcn: se instalan con tu licencia desde el registro privado de Furin.

2. Instala Carrera de barras

npx shadcn@latest add @furin-pro/bar-race

Prop	Tipo	Por defecto	Descripción
series	BarRaceItem[]	"ejemplo de 6 competidores"	Competidores con su valor en cada ronda (si no pasas ninguno se usa un ejemplo).
title	string	"Ventas acumuladas"	Título sobre la carrera.
roundLabel	string	"Ronda"	Palabra que antecede al número de ronda.
interval	number	1.5	Segundos entre una ronda y la siguiente.
bounce	number	0.45	Cuánto rebotan las barras al reordenarse (0 a 1).
rowHeight	number	34	Alto de cada fila, en px.

Dona
Pro
Gráfica de dona que se arma por segmentos con leyenda; al pasar el cursor, un segmento se separa y el resto se atenúa.
Datos
Minigráfica
Pro
Línea de tendencia que se dibuja con un punto que la encabeza, área suave y un punto vivo que late al final; el cursor muestra el valor de cada punto y un doble clic la dibuja de nuevo.
Datos
Rejilla de actividad
Pro
Rejilla de actividad de 52 semanas que se llena día por día con una escala de color; el cursor muestra la fecha y la cifra de cada día.
Datos