Zum Hauptinhalt springen
Daten & ROI

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

Schwingender Donut

gestaltete motion-karten

Ringsegmente drehen sich ein, die Summe in der Mitte und eine Legende.

Ideal für: Anteile an einem Ganzen.

Einstellungen

Schrift
Theme
Größe
Stimmung

Formate, die die Bildprüfung bestanden haben

Schwingender Donut
16:9
Schwingender Donut
9:16
1:1
1:1

Was du schreibst

  • title Title (≤60)· Pflicht
  • segments Slices of the ring, each a label and a value; percentages are worked out· Pflicht
  • kicker Small line above the title (≤40)
  • centerLabel Word under the total in the middle (≤20)
  • prefix Before the total, like $ (≤4)
  • suffix After the total (≤4)
  • palette Colours for the slices after the first, which takes the accent

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

In einem Film verwenden

Was du ändern kannst:rushie.props.titlerushie.props.segmentsrushie.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": "Donut chart",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "rushie": {
      "template": "donut-chart",
      "props": {
        "kicker": "Traffic sources, Q3",
        "title": "Where films get watched",
        "segments": [
          {
            "label": "LinkedIn",
            "value": 4200
          },
          {
            "label": "YouTube",
            "value": 3100
          },
          {
            "label": "Website",
            "value": 2700
          }
        ],
        "centerLabel": "views",
        "prefix": "",
        "suffix": "",
        "palette": [
          "#5b8def",
          "#3fbf9f",
          "#e8665a",
          "#a77de8",
          "#7fc8e8",
          "#e89f5a",
          "#9aa0a6"
        ]
      }
    }
  }
}

Weitere Daten & ROI-Animationen