Comparaison
Sortie en direct du vrai moteur de rendu — modifiez les réglages et elle se met à jour instantanément.
Indicateurs avant et après
cartes animées design
Les indicateurs clés avec leur valeur avant et après, la nouvelle arrivant en dernier.
Idéal pour : Les résultats d'un client dans le temps.
Réglages
Police
Thème
Taille
Humeur
Formats validés par le contrôle d'image
Ce que vous écrivez
titleHeadline (≤52)· obligatoireitemsMetrics with their before and after values (2 to 4)· obligatoirekickerSmall label above the title, or empty to hide (≤28)subtitleLine under the title, or empty to hide (≤80)beforeLabelHeading over the old numbers (≤14)afterLabelHeading over the new numbers (≤14)layoutA table of rows, or a card per metriccompareNumbers with an arrow, or two bars shrinking or growing
Un modèle en code : gratuit sur toutes les offres, sans crédits IA.
L'utiliser dans un film
Ce que vous pouvez changer :
rushie.props.titlerushie.props.itemsrushie.props (others)Pour les développeurs (MCP et JSON)
Voici la scène exacte à envoyer à create_animation (MCP) : gardez la structure, changez les mots et écrivez la narration — c'est la voix qui fixe la durée de la scène. Collez-la dans update_storyboard avec set_data pour modifier un film déjà fait.
{
"visual": "rushie",
"heading": "Metrics before and after",
"narration": "Write the sentence the voice says over this scene; its length is the scene's.",
"data": {
"rushie": {
"template": "metrics-before-after",
"props": {
"kicker": "Customer results",
"title": "Six months on PageToVid",
"subtitle": "Median across 340 finance teams",
"beforeLabel": "Before",
"afterLabel": "After",
"items": [
{
"label": "Hours per launch film",
"before": 16,
"after": 1,
"unit": "h",
"better": "lower"
},
{
"label": "Films per month",
"before": 1,
"after": 12,
"unit": "",
"better": "higher"
}
],
"layout": "rows",
"compare": "numbers"
}
}
}
}