Aller au contenu principal
Comparaison

Sortie en direct du vrai moteur de rendu — modifiez les réglages et elle se met à jour instantanément.

Barres avec accent

cartes animées design

Les barres poussent une à une, les valeurs comptent, une barre en couleur d'accent.

Idéal pour : Une période qui sort du lot.

Réglages

Police
Thème
Taille
Humeur

Formats validés par le contrôle d'image

Barres avec accent
16:9
Barres avec accent
9:16
1:1
1:1

Ce que vous écrivez

  • title Title (≤60)· obligatoire
  • bars Bars in order, each a category label and a value· obligatoire
  • kicker Small line above the title (≤40)
  • highlight Which bar (0-based) is drawn in the accent colour; -1 colours them all (≤9)
  • prefix Before each value, like $ (≤4)
  • suffix After each value, like % or k (≤4)
  • decimals Decimal places shown (≤2)

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.barsrushie.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": "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
      }
    }
  }
}

Autres animations Comparaison