Comparación
Salida en vivo del motor de render real — edita los ajustes y se actualiza al instante.
Barras con acento
tarjetas animadas de diseño
Las barras crecen una a una, los valores cuentan y una barra va en color de acento.
Ideal para: Un periodo que destaca.
Ajustes
Fuente
Tema
Tamaño
Ánimo
Formatos que pasaron el control de imagen
1:1
Lo que escribes
titleTitle (≤60)· obligatoriobarsBars in order, each a category label and a value· obligatoriokickerSmall line above the title (≤40)highlightWhich bar (0-based) is drawn in the accent colour; -1 colours them all (≤9)prefixBefore each value, like $ (≤4)suffixAfter each value, like % or k (≤4)decimalsDecimal places shown (≤2)
Una plantilla en código: gratis en todos los planes, sin créditos de IA.
Úsala en un vídeo
Lo que puedes cambiar:
rushie.props.titlerushie.props.barsrushie.props (others)Para desarrolladores (MCP y JSON)
Esta es la escena exacta para enviar a create_animation (MCP): mantén la estructura, cambia las palabras y escribe la narración — la voz fija cuánto dura la escena. Pégala en update_storyboard con set_data para cambiar un vídeo que ya hiciste.
{
"visual": "rushie",
"heading": "Bar chart",
"narration": "Write the sentence the voice says over this scene; its length is the scene's.",
"data": {
"rushie": {
"template": "bar-chart",
"props": {
"kicker": "Revenue, first half of 2026",
"title": "September was our best month",
"bars": [
{
"label": "May",
"value": 410
},
{
"label": "Jun",
"value": 460
},
{
"label": "Jul",
"value": 520
},
{
"label": "Aug",
"value": 590
},
{
"label": "Sep",
"value": 940
}
],
"highlight": 4,
"prefix": "$",
"suffix": "k",
"decimals": 0
}
}
}
}