Volver a los snippets de animación

Cascada de flujo

Una barra inicial a la izquierda y después una barra flotante por partida: lo que suma sube en verde, lo que resta baja rayado, líneas discontinuas unen cada barra con la siguiente y la última aterriza en el resultado, incluso por debajo de cero. Para la diapositiva de «cómo pasamos de A a B»: de presupuesto a saldo, de ingresos a beneficio.

Gráficos de datos1080×1080 · 30 fps · 5 sDe Vídeo explicativo 9:16 · WaterfallGratis

Código fuente

Al iniciar sesión verás el código fuente completo y podrás copiarlo o descargar el paquete. Es gratis.

Necesitas: Node.js 18+, Remotion 4 y React 19. Lo más cómodo es un asistente de IA que pueda leer y escribir archivos y ejecutar comandos, como Claude Code, Codex o Cursor.