Zum Hauptinhalt springen
Vergleich

Live-Ausgabe der echten Render-Engine — ändere die Einstellungen und sie aktualisiert sich sofort.

Balken mit Akzent

gestaltete motion-karten

Balken wachsen nacheinander, Werte zählen, ein Balken in der Akzentfarbe.

Ideal für: Ein Zeitraum, der heraussticht.

Einstellungen

Schrift
Theme
Größe
Stimmung

Formate, die die Bildprüfung bestanden haben

Balken mit Akzent
16:9
Balken mit Akzent
9:16
1:1
1:1

Was du schreibst

  • title Title (≤60)· Pflicht
  • bars Bars in order, each a category label and a value· Pflicht
  • kicker Small line above the title (≤40)
  • highlight Which bar (0-based) is drawn in the accent colour; -1 colours them all (≤9)
  • prefix Before each value, like $ (≤4)
  • suffix After each value, like % or k (≤4)
  • decimals Decimal places shown (≤2)

Eine Code-Vorlage: in jedem Tarif kostenlos, ohne KI-Credits.

In einem Film verwenden

Was du ändern kannst:rushie.props.titlerushie.props.barsrushie.props (others)
Für Entwickler (MCP und JSON)

Das ist genau die Szene für create_animation (MCP): Struktur behalten, Worte ändern und den Sprechertext schreiben — die Stimme bestimmt, wie lange die Szene dauert. Mit set_data in update_storyboard einfügen, um einen fertigen Film zu ändern.

{
  "visual": "rushie",
  "heading": "Bar chart",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "rushie": {
      "template": "bar-chart",
      "props": {
        "kicker": "Revenue, first half of 2026",
        "title": "September was our best month",
        "bars": [
          {
            "label": "May",
            "value": 410
          },
          {
            "label": "Jun",
            "value": 460
          },
          {
            "label": "Jul",
            "value": 520
          },
          {
            "label": "Aug",
            "value": 590
          },
          {
            "label": "Sep",
            "value": 940
          }
        ],
        "highlight": 4,
        "prefix": "$",
        "suffix": "k",
        "decimals": 0
      }
    }
  }
}

Weitere Vergleich-Animationen