Ir al contenido principal
Comparación

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

Gráfico de área polar

tarjetas animadas de diseño

Pétalos (o cuñas) de rosa crecen en sentido horario hasta su valor sobre anillos tenues, y luego un barrido recorre y ilumina cada uno con su valor y su cuota.

Ideal para: estacionalidad mensual, categorías de encuestas y comparaciones al estilo Nightingale.

Ajustes

Fuente
Tema
Tamaño
Ánimo

Formatos que pasaron el control de imagen

Gráfico de área polar
16:9
Gráfico de área polar
9:16
1:1
1:1

Lo que escribes

  • title Title (≤60)· obligatorio
  • items The segments clockwise from the top, each a label and a value· obligatorio
  • kicker Small line above the title (≤40)
  • prefix Before each value, like $ (≤3)
  • suffix After each value, like k or % (≤4)
  • decimals Decimal places (≤2)
  • scale Area: a segment's area is in proportion to its value (honest); radius: its length is, which exaggerates differences
  • shape Petals: rounded, separated segments like a rose; wedges: classic straight-edged slices
  • palette Value: brighter for bigger values; spectrum: a family of hues round the circle

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.itemsrushie.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": "Polar area rose",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "rushie": {
      "template": "polar-area",
      "props": {
        "kicker": "Northwind Bikes · rides by month, 2026",
        "title": "Summer rides ran nearly five times the winter low",
        "items": [
          {
            "label": "Jan",
            "value": 8.2
          },
          {
            "label": "Feb",
            "value": 9.1
          },
          {
            "label": "Mar",
            "value": 14.6
          },
          {
            "label": "Apr",
            "value": 21.3
          },
          {
            "label": "May",
            "value": 29.8
          },
          {
            "label": "Jun",
            "value": 35.4
          },
          {
            "label": "Jul",
            "value": 38.9
          },
          {
            "label": "Aug",
            "value": 37.2
          },
          {
            "label": "Sep",
            "value": 28.1
          },
          {
            "label": "Oct",
            "value": 19.4
          },
          {
            "label": "Nov",
            "value": 11.6
          },
          {
            "label": "Dec",
            "value": 9.4
          }
        ],
        "prefix": "",
        "suffix": "k",
        "decimals": 1,
        "scale": "area",
        "shape": "petals",
        "palette": "value"
      }
    }
  }
}

Más animaciones de Comparación