Aller au contenu principal
Données et ROI

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

Anneau qui se déploie

cartes animées design

Les segments d'un anneau tournent, le total au centre et une légende.

Idéal pour : Les parts d'un tout.

Réglages

Police
Thème
Taille
Humeur

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

Anneau qui se déploie
16:9
Anneau qui se déploie
9:16
1:1
1:1

Ce que vous écrivez

  • title Title (≤60)· obligatoire
  • segments Slices of the ring, each a label and a value; percentages are worked out· obligatoire
  • kicker Small line above the title (≤40)
  • centerLabel Word under the total in the middle (≤20)
  • prefix Before the total, like $ (≤4)
  • suffix After the total (≤4)
  • palette Colours for the slices after the first, which takes the accent

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.segmentsrushie.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": "Donut chart",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "rushie": {
      "template": "donut-chart",
      "props": {
        "kicker": "Traffic sources, Q3",
        "title": "Where films get watched",
        "segments": [
          {
            "label": "LinkedIn",
            "value": 4200
          },
          {
            "label": "YouTube",
            "value": 3100
          },
          {
            "label": "Website",
            "value": 2700
          }
        ],
        "centerLabel": "views",
        "prefix": "",
        "suffix": "",
        "palette": [
          "#5b8def",
          "#3fbf9f",
          "#e8665a",
          "#a77de8",
          "#7fc8e8",
          "#e89f5a",
          "#9aa0a6"
        ]
      }
    }
  }
}

Autres animations Données et ROI