Aller au contenu principal
Preuve sociale

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

Jauge compteur

cartes animées design

Un cadran trace ses zones, puis l'aiguille bascule jusqu'à la valeur.

Idéal pour : Un score par rapport à un maximum.

Réglages

Police
Thème
Taille
Humeur

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

Jauge compteur
16:9
Jauge compteur
9:16
1:1
1:1

Ce que vous écrivez

  • title Title, or empty to hide (≤60)· obligatoire
  • value Where the needle settles (≤1000000000)· obligatoire
  • label Label under the value (≤30)· obligatoire
  • kicker Small line above the title, or empty to hide (≤40)
  • min Start of the scale (≤1000000000)
  • max End of the scale (≤1000000000)
  • prefix Before the value, like $ (≤4)
  • suffix After the value, like % (≤4)
  • decimals Decimal places shown (≤2)
  • zones Show red, amber and green zones round the dial
  • ticks Number of labelled divisions (≤12)

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.valuerushie.props.labelrushie.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": "Gauge meter",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "rushie": {
      "template": "gauge-meter",
      "props": {
        "kicker": "Customer satisfaction",
        "title": "Customer satisfaction",
        "value": 94,
        "min": 0,
        "max": 100,
        "prefix": "",
        "suffix": "%",
        "decimals": 0,
        "label": "CSAT score",
        "zones": true,
        "ticks": 10
      }
    }
  }
}

Autres animations Preuve sociale