TutuCut

Datenanimation

Balken wachsen, Zahlen zählen hoch: einfach Wert eintragen

Mit einer Vorlage starten

Von der KI erstellen lassen Beschreiben Sie den Effekt – die KI schreibt ihn und legt ihn auf die Zeitleiste Code einfügen / .html importieren Web-Animationen mit Canvas, SVG, GSAP oder Three.js funktionieren alle

Ein Klick öffnet den Editor, die Animation ist schon eingefügt. Bei Vorlagen mit Medienplätzen ziehen Sie ein Video oder Bild auf die Karte oder tippen auf „Meine Dateien verwenden“ – beim Öffnen des Editors ist es schon platziert. Die Dateien bleiben auf Ihrem Gerät; nichts wird hochgeladen.

Wert und Einheit eingeben: Balken wachsen, die Zahl zählt hoch – als Datenanimation über dem Video, Export als MP4. Im Browser, gratis, ohne Wasserzeichen.

Klicken Sie auf die Vorlage „Datenwachstum“ und tragen Sie rechts Wert, Einheit und eine kurze Beschriftung ein. Die Balken wachsen einer nach dem anderen, die Zahl zählt von null bis zu Ihrem Wert hoch; auch die Farbe lässt sich ändern.

Sie ist ein Motion-Clip auf der Zeitleiste mit transparentem Hintergrund – legen Sie sie über Produktaufnahmen oder ein Erklärvideo, passen Sie Position, Größe und Zeitpunkt an und exportieren Sie alles zusammen als MP4 oder GIF.

Für Linien- oder Kreisdiagramme oder mehrere Datenreihen lassen Sie die KI eine Diagrammanimation aus Ihren Daten schreiben oder fügen eigenen Diagrammcode aus Canvas, SVG oder GSAP ein.

Häufige Fragen

Welche Diagramme werden unterstützt?
Die eingebauten Vorlagen sind ein Balkendiagramm mit hochzählender Zahl und ein Fortschrittsring, der sich bis zu Ihrem Prozentwert füllt. Andere Diagramme (Linie, Kreis, Ranglisten usw.) kann die KI schreiben, oder Sie fügen eigenen Code ein.
Kann ich eine Excel-Datei importieren?
Tabellen lassen sich derzeit nicht direkt importieren. Tragen Sie den Wert im Einstellungsbereich ein oder geben Sie Ihre Daten der KI, damit sie sie in den Diagrammcode schreibt.
Kann ich das Tempo der Animation ändern?
Die Vorlagenanimation dauert etwa 4 Sekunden; verlängern Sie den Clip, bleibt das letzte Bild stehen. Sollen die Balken schneller oder langsamer wachsen, ändern Sie den Code oder lassen es die KI anpassen.
Ist der Hintergrund transparent?
Ja. Das Diagramm liegt über dem Bild der Spur darunter; für eine Hintergrundfarbe legen Sie ein Bild oder Video auf die Spur darunter.
Kostet das etwas? Gibt es ein Wasserzeichen?
Kostenlos, exportierte Videos haben kein Wasserzeichen und die Zahl der Exporte ist nicht begrenzt.

Verwandte Werkzeuge