wide data · date + value
Single-line Story
A single time series grows across the frame with a live endpoint readout and a decisive final lockup.- Linear trace
- Smooth trace
Open-Source-Motion-Templates · Vorschau v0.1
Daten im Taktjedes Frames
INPUT · CSV / JSONSCRUB · ANY FRAMEBUILT FOR HYPERFRAMESDaten in editierbare Videos verwandeln
Für deinen KI-Agenten. Angetrieben von HyperFrames.
Give your AI agent a CSV, JSON, URL, API, or named public data source. Plotbeat retrieves or maps the data into a reusable, editable HyperFrames video project instead of an opaque export.
single-line-story18 sec
36ROWS MAPPED
Hier starten
Ein Skill
Jeder Datensatz
Installiere Plotbeat und hänge eine Datei an oder nenne die Datenquelle. Der Skill übernimmt Abruf, Vorlage, Mapping, Timing, Prüfung und das HyperFrames-Projekt.
Plotbeat installieren
$
npx skills add DbgKinggg/plotbeat --skill plotbeatBeispiel-Prompt
Nutze $plotbeat, um die monatlichen US-Arbeitslosendaten der letzten zehn Jahre von FRED abzurufen. Nenne Reihe und Abrufdatum und verwandle die Daten in ein schnelles, editierbares HyperFrames-Trendvideo. Hilf mir bei der Stilwahl und hole vor dem Rendern meine Freigabe ein.
Eine Grammatik · mehrere visuelle Systeme
Wähle
das Gefühl
Gleiche Daten. Andere Richtung.
FilterEvery thumbnail is a real HyperFrames capture.
Der
Datenwebstuhl
Zeilen rein.
Diagramm-Frames raus.
Rows enter as structured cells. A visible timing machine turns them into motion, then releases finished chart frames.
Motion-Grammatiken · 8 ready
Wähle
den Plot
Wähle eine Motion-Grammatik.
Every template is a real HyperFrames composition with frozen sample data, a clear input contract, seek-safe motion, eight visual styles, and a polished finale.
long data · date + series + value
Multi-line Rank
Multiple time series grow together while a live legend glides through rank changes, followed by a final table.- Full field
- Top five
long data · date + series + value
Bar Race
Ranked horizontal bars trade places over time while the scale and current-period readout update continuously.- Absolute values
- Leader indexed
long data · date + series + value
Stacked-area Story
Multiple time series accumulate into a flowing stacked-area composition with absolute and percentage views, live mix readouts, and a polished finale.- Absolute total
- 100% composition
long data · date + series + x + y
Scatter Journey
Entities move through two-dimensional space over time with connected trails, live coordinates, and optional bubble sizing.- Connected trail
- Bubble trail
location rows data · location + latitude + longitude + value
Animated Map
Locations pulse across a stylized world map while optional connection flows and live intensity readouts build the geographic story.- Location pulse
- Connection flow
metric rows data · metric + value + target + change
KPI Dashboard
A cinematic performance board stages multiple KPIs, target progress, and direction of change without feeling like a static dashboard.- Metric cards
- Radial progress
event rows data · date + title
Milestone Timeline
Events reveal across a continuous timeline with alternating chapter cards, a moving playhead, and a focused live milestone readout.- Continuous line
- Chapter cards
Ein sichtbarer Produktionsweg
Zeilen rein
Beats raus
DATA → STYLE → TIMELINEMap the rows
The skill inspects dates, series, units, missing values, and the story your data can honestly support.
Pick a grammar
Start from a proven chart composition instead of rebuilding the same motion language every time.
Choose the style
Select a polished light or dark visual system, or build your own palette, typography, and composition tokens.
Preview in HyperFrames
Your data is compiled locally into an ordinary, editable HyperFrames HTML project.
Approve + render
Check arbitrary seeks, tune the pacing in Studio, then let HyperFrames produce the final video.
Die Engine bleibt sichtbar
Gebaut auf
HyperFrames
Remove HyperFrames and the product stops working. That is the point: the skill specializes the engine instead of quietly rebuilding its timeline, preview, or renderer.
CORE ENGINEAI skillIntent → template + mappings
Template systemComposition + chart runtime
Prepared dataCleaned and ready to animate
HyperFrames engineTimeline · Studio · Check · Render
Motion dirigieren
Sag, was
zählt
Choose the data and the narrative. The skill handles the repeatable setup, while you keep control of pacing, styling, and final Studio approval.
01Trend-Story
“Nutze $plotbeat, um die monatlichen US-Arbeitslosendaten der letzten zehn Jahre von FRED abzurufen. Nenne Reihe und Abrufdatum und erstelle eine schnelle einlinige HyperFrames-Story im Stil Studio Blueprint.”
02Ranking-Story
“Nutze $plotbeat, um aus cohorts.csv ein Mehrlinien-Rankingvideo im Stil Paper Cut zu erstellen. Ordne Regionen im Zeitverlauf nach aktiven Nutzern, zeige die besten acht und schließe mit einer klaren Endtabelle ab.”
03Karten-Story
“Nutze $plotbeat, um die Erdbeben der Stärke 5 oder höher aus den letzten 30 Tagen vom USGS-GeoJSON-Feed abzurufen. Verwende die Magnitude als Wert und erstelle eine schnelle animierte HyperFrames-Karte im Stil Signal Noir.”