Zum Hauptinhalt springen
Vergleich

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

Kennzahlen vorher und nachher

gestaltete motion-karten

Kernkennzahlen mit Vorher- und Nachher-Wert, der neue Wert zuletzt.

Ideal für: Kundenergebnisse über die Zeit.

Einstellungen

Schrift
Theme
Größe
Stimmung

Formate, die die Bildprüfung bestanden haben

Kennzahlen vorher und nachher
16:9
Kennzahlen vorher und nachher
9:16

Was du schreibst

  • title Headline (≤52)· Pflicht
  • items Metrics with their before and after values (2 to 4)· Pflicht
  • kicker Small label above the title, or empty to hide (≤28)
  • subtitle Line under the title, or empty to hide (≤80)
  • beforeLabel Heading over the old numbers (≤14)
  • afterLabel Heading over the new numbers (≤14)
  • layout A table of rows, or a card per metric
  • compare Numbers with an arrow, or two bars shrinking or growing

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

In einem Film verwenden

Was du ändern kannst:rushie.props.titlerushie.props.itemsrushie.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": "Metrics before and after",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "rushie": {
      "template": "metrics-before-after",
      "props": {
        "kicker": "Customer results",
        "title": "Six months on PageToVid",
        "subtitle": "Median across 340 finance teams",
        "beforeLabel": "Before",
        "afterLabel": "After",
        "items": [
          {
            "label": "Hours per launch film",
            "before": 16,
            "after": 1,
            "unit": "h",
            "better": "lower"
          },
          {
            "label": "Films per month",
            "before": 1,
            "after": 12,
            "unit": "",
            "better": "higher"
          }
        ],
        "layout": "rows",
        "compare": "numbers"
      }
    }
  }
}

Weitere Vergleich-Animationen