Ir al contenido principal
Prueba social

Salida en vivo del motor de render real — edita los ajustes y se actualiza al instante.

Indicador velocímetro

tarjetas animadas de diseño

Un dial dibuja sus zonas y la aguja gira hasta el valor.

Ideal para: Una puntuación frente a un máximo.

Ajustes

Fuente
Tema
Tamaño
Ánimo

Formatos que pasaron el control de imagen

Indicador velocímetro
16:9
Indicador velocímetro
9:16
1:1
1:1

Lo que escribes

  • title Title, or empty to hide (≤60)· obligatorio
  • value Where the needle settles (≤1000000000)· obligatorio
  • label Label under the value (≤30)· obligatorio
  • 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)

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.valuerushie.props.labelrushie.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": "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
      }
    }
  }
}

Más animaciones de Prueba social