Ir al contenido principal
Comparación

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

Gráficos de bala

tarjetas animadas de diseño

Gráficos de bala que muestran cada medida creciendo por rangos malo, regular y bueno hacia una línea objetivo, con una insignia de porcentaje del objetivo.

Ideal para: objetivos de ventas, metas trimestrales y progreso frente al plan.

Ajustes

Fuente
Tema
Tamaño
Ánimo

Formatos que pasaron el control de imagen

Gráficos de bala
16:9
Gráficos de bala
9:16
1:1
1:1

Lo que escribes

  • title Title (≤60)· obligatorio
  • items Each measure with its value, target and the end of its scale· obligatorio
  • kicker Small line above the title (≤40)
  • poorBelow The poor range ends at this percent of the scale (≤100)
  • goodAbove The good range starts at this percent of the scale (≤100)
  • bands Shades: grey ranges, the classic look; status: red, amber and green ranges
  • layout Rows: horizontal bullets stacked; columns: vertical bullets side by side

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": "Bullet charts",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "rushie": {
      "template": "bullet-charts",
      "props": {
        "kicker": "Northwind sales · Q3, 74 days in",
        "title": "Two targets hit, three still within reach",
        "items": [
          {
            "label": "New ARR",
            "note": "Enterprise and mid-market",
            "value": 1.84,
            "target": 2,
            "max": 2.4,
            "prefix": "$",
            "suffix": "M",
            "decimals": 2
          },
          {
            "label": "Pipeline coverage",
            "note": "Next quarter",
            "value": 3.4,
            "target": 3,
            "max": 4,
            "prefix": "",
            "suffix": "x",
            "decimals": 1
          },
          {
            "label": "Win rate",
            "note": "Qualified deals",
            "value": 27,
            "target": 30,
            "max": 40,
            "prefix": "",
            "suffix": "%",
            "decimals": 0
          },
          {
            "label": "Expansion revenue",
            "note": "Upsell and seats",
            "value": 620,
            "target": 500,
            "max": 800,
            "prefix": "$",
            "suffix": "k",
            "decimals": 0
          },
          {
            "label": "Average deal size",
            "note": "New logos",
            "value": 38,
            "target": 42,
            "max": 50,
            "prefix": "$",
            "suffix": "k",
            "decimals": 0
          }
        ],
        "poorBelow": 50,
        "goodAbove": 80,
        "bands": "shades",
        "layout": "rows"
      }
    }
  }
}

Más animaciones de Comparación