Ir al contenido principal
Datos y ROI

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

Treemap

tarjetas animadas de diseño

Un bloque que se divide una y otra vez en rectángulos proporcionales a su valor, cada uno rotulado con su importe y cuota, bajo un total que cuenta.

Ideal para: mezcla de ingresos, cuotas de presupuesto, cuota de mercado y desgloses de cartera.

Ajustes

Fuente
Tema
Tamaño
Ánimo

Formatos que pasaron el control de imagen

Treemap
16:9
Treemap
9:16
1:1
1:1

Lo que escribes

  • title Title (≤60)· obligatorio
  • items The parts, each a label and a value; areas are drawn in proportion· obligatorio
  • kicker Small line above the title (≤40)
  • prefix Before each value, like $ (≤3)
  • suffix After each value, like M or % (≤4)
  • decimals Decimal places (≤2)
  • palette Spectrum: a family of hues around the accent; accent: shades of the accent, brightest for the largest
  • reveal Split: one block divides again and again by value; grow: tiles pop in from largest to smallest

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": "Treemap",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "rushie": {
      "template": "treemap",
      "props": {
        "kicker": "Northwind · revenue by product, FY2026",
        "title": "Analytics Cloud is a third of the business",
        "items": [
          {
            "label": "Analytics Cloud",
            "value": 4.2
          },
          {
            "label": "Sync",
            "value": 2.6
          },
          {
            "label": "Insights",
            "value": 1.9
          },
          {
            "label": "Mobile SDK",
            "value": 1.1
          },
          {
            "label": "Connectors",
            "value": 0.9
          },
          {
            "label": "Marketplace",
            "value": 0.6
          },
          {
            "label": "Training",
            "value": 0.35
          },
          {
            "label": "Support plans",
            "value": 0.3
          },
          {
            "label": "Consulting",
            "value": 0.25
          }
        ],
        "prefix": "$",
        "suffix": "M",
        "decimals": 2,
        "palette": "spectrum",
        "reveal": "split"
      }
    }
  }
}

Más animaciones de Datos y ROI