Ir al contenido principal
Datos y ROI

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

Anillo que se despliega

tarjetas animadas de diseño

Los segmentos de un anillo giran, con el total en el centro y una leyenda.

Ideal para: Las partes de un todo.

Ajustes

Fuente
Tema
Tamaño
Ánimo

Formatos que pasaron el control de imagen

Anillo que se despliega
16:9
Anillo que se despliega
9:16
1:1
1:1

Lo que escribes

  • title Title (≤60)· obligatorio
  • segments Slices of the ring, each a label and a value; percentages are worked out· obligatorio
  • 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

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

Más animaciones de Datos y ROI