Data Viz Motion
Video non ancora disponibile
Data Viz Motion
Visualizzazione dati animata: bar chart, line chart e numero counter costruiti come componenti Remotion riutilizzabili.
Un esperimento su come costruire componenti di data visualization animati e riutilizzabili con Remotion. L'obiettivo è avere building block pronti per video esplicativi data-driven.
Componenti Costruiti
AnimatedBar. Accetta un valore target e un delay di partenza. L'altezza si anima da 0 al valore target con spring(). Supporta etichetta, colore e orientamento.
CounterNumber. Anima un numero da start a end con interpolate(). Supporta formato (€, %, K) e easing personalizzato. Utile per mostrare metriche di crescita.
LineChart procedurale. Genera il path SVG di un line chart da un array di dati, poi anima il stroke-dashoffset per la rivelazione progressiva della linea.
Architettura
Ogni componente accetta delay come prop — così puoi orchestrare l'ingresso degli elementi nella scena semplicemente passando numeri diversi. Nessuna gestione di timeline esterna.
Altri Video