Rangbalken
Zwei bis dreißig Einträge, nach einem Wert sortiert, der größte zuerst, die Balken wachsen nacheinander, während ihre Werte hochzählen, bis zu zehn pro Seite: 8 bis 29 Sekunden. In zehn Stilen, jeweils mit Farben, Schriften, Logo, Moderator und Hintergrund Ihrer Marke.
| Vorlagen-ID | tpl_8c269cd3852b |
|---|---|
| Branchen | Jede Branche |
| Varianten | Corporate glass, Bento grid, Broadcast news, Editorial, Swiss grid, Neo-brutalist, Soft friendly, Data terminal, Sports broadcast, Clear civic |
| Fertige Feeds | 16, unten aufgeführt |
Einsatzbereiche
- Eine Rangliste: die Verkaufsschlager, die größten Bewegungen, die Tabelle nach einem Spieltag.
- Ergebnisse auf einer Skala verglichen, der längste Balken zuerst.
- Bis zu dreißig Einträge, zehn je Seite, für eine volle Liga oder eine lange Liste.
Varianten
Eine Variante ist diese Vorlage in anderer Gestaltung, und es gibt sie in Versionen: unveränderlichen Builds, die neueste zuerst. Ein Kanal folgt der neuesten Version seiner Variante, sofern er nicht auf eine festgelegt ist.
| Variante | Was es ist | Versionen | Neueste |
|---|---|---|---|
| Corporate glass | Karten aus Milchglas über einem Polarlicht in Ihren Markenfarben: ruhig und hochwertig. | 1 | 1.0.0 |
| Bento grid | Abgerundete Kacheln in Ihren Markenfarben, jede bewegt sich für sich: ein moderner Produktlook. | 1 | 1.0.0 |
| Broadcast news | Ein Nachrichtensender in Ihren Farben: Senderlogo, Namenseinblendung, Ticker und Ihr Moderator. | 1 | 1.0.0 |
| Editorial | Eine Magazinseite in Ihrem Papierton und Ihrer Serifenschrift: Kopfzeile, feine Linien und eine Autorenzeile. | 1 | 1.0.0 |
| Swiss grid | Ein strenges Raster, große Schrift und Ihre Markenfarbe als einziger Akzent. Nichts hüpft. | 1 | 1.0.0 |
| Neo-brutalist | Laute flache Blöcke in Ihren Farben mit dicken Rändern und harten Schatten. | 1 | 1.0.0 |
| Soft friendly | Weiche Formen und abgerundete Karten in Tönen Ihrer Markenfarbe: warm und zugänglich. | 1 | 1.0.0 |
| Data terminal | Ein Markt-Terminal in Ihrer Markenfarbe, dessen Zahlen erst durcheinanderwirbeln und dann einrasten. | 1 | 1.0.0 |
| Sports broadcast | Ein Sportsender in Ihren Farben: schräge Balken, ein Senderlogo mit Ihrem Zeichen und eine schmale Schrift. | 1 | 1.0.0 |
| Clear civic | Zum Lesen gemacht: hoher Kontrast, große schlichte Schrift und nummerierte Schritte. | 1 | 1.0.0 |
Was sie annimmt
Jede Variante nimmt denselben Inhalt an, sodass ein Dokument in jeder von ihnen erstellt werden kann.
Two to thirty things ranked by one value: bars, longest first, growing one after another with their values counting, up to ten to a page. metaData is the post's title, descriptions and hashtags and is never drawn.
| Feld | Typ | Erforderlich | Limit | Was es ist |
|---|---|---|---|---|
clipData | group | yes | Clip data: Everything drawn: a kicker, what is ranked, the prefix and unit of every value, the items, a line of context, the source and the look. | |
clipData.kicker | text | up to 20 characters | Kicker: A word above the title, such as RANKING or THIS WEEK. | |
clipData.title | text | yes | up to 80 characters | Title: What is ranked and by what. |
clipData.prefix | text | up to 3 characters | Prefix: Written before every value, such as a currency sign. | |
clipData.unit | text | up to 8 characters | Unit: Written after every value: a percent sign, bn, t, km. | |
clipData.items | list | yes | at least 2, up to 30 | Bars: Sorted longest first whatever order they are sent in, up to ten to a page: past ten they turn a page, and every page keeps the first page's scale. Two to thirty; each adds under a second. |
clipData.items[] | group | Bar | ||
clipData.items[].label | text | yes | up to 26 characters | Label |
clipData.items[].value | number | yes | from 0, 4 decimals | Value |
clipData.items[].highlight | boolean | Mark this bar: Drawn in the accent colour, such as the one the story is about. Only the first marked bar is. | ||
clipData.note | text | up to 120 characters | Context: One or two lines under the bars. | |
clipData.source | text | up to 70 characters | Source: Where the content comes from, shown small at the foot. Drawn exactly as written: write its label too, such as Source: at the start, as the template adds no word of its own. | |
clipData.styleWords | group | Style words: The few words some styles write into their own frame, each drawn exactly as written, in the language you write it in. A word left out is not drawn: no template adds a word of its own. The same keys in every format of the collections; each style draws only its own. | ||
clipData.styleWords.live | text | up to 16 characters | Live marker (Broadcast news): Written beside the light in Broadcast news' channel bug, such as LIVE. Left out, the light stands alone. | |
clipData.styleWords.byline | text | up to 12 characters | Byline (Editorial): Written before the presenter's name in Editorial, such as By. Left out, the name stands alone. | |
clipData.styleWords.functionKeys | list | up to 4 | Function keys (Data terminal): Data terminal's row of keys F1 to F4, one word each, in order, such as HELP, DATA, CHART and NEWS; the second is drawn held down, and a key that does not fit the row is left out. Left out, no keys are drawn. | |
clipData.styleWords.functionKeys[] | text | up to 12 characters | Key | |
clipData.styleWords.commandKey | text | up to 10 characters | Command key (Data terminal): The key at the end of Data terminal's row, in the rise colour, such as GO. Left out, none is drawn. | |
clipData.styleWords.realTime | text | up to 12 characters | Real-time light (Data terminal): Written beside the blinking light in Data terminal's status bar, such as RT. Left out, the light stands alone. | |
clipData.styleWords.messageLabel | text | up to 12 characters | Message window label (Data terminal): The tab on Data terminal's message window round the presenter, such as MSG. Left out, the window has no tab. | |
clipData.styleWords.pictureLabel | text | up to 12 characters | Picture panel label (Data terminal): Written in the strip along the top of Data terminal's picture panels, such as IMG. Left out, the strip stays empty. | |
clipData.look | group | Look: How the clip looks and moves within its style. The same switches in every format of the collections. Leave a switch out, or set it to the style's own, and the style decides. | ||
clipData.look.theme | enum | auto, brand, light, dark, bold | Theme: The style's own choice; your brand's own colours and background; a light or dark page tinted with your brand colour; or your brand colour as the page. | |
clipData.look.pace | enum | auto, calm, standard, punchy | Pace: How things arrive: the style's own rhythm, calm fades, a standard rhythm, or punchy slams and cuts. | |
clipData.look.corners | enum | auto, square, soft, round | Corners: The shape of cards, panels and marks. | |
clipData.look.align | enum | auto, start, centre | Text alignment: Where the text lines up. | |
clipData.look.logo | enum | auto, free | Logo: The style's own: the logo on the style's plate (a card, a disc, a badge) so it reads on any page. As it is: the logo whole, with no plate, frame or crop, for a logo made to stand on the page, such as one with a transparent background. As it is, make sure your logo reads on the page of the theme you choose. | |
clipData.look.logoSize | enum | auto, small, large | Logo size: Standard is the style's own size. Small draws the logo a fifth smaller, with its plate. Large draws it a quarter larger wherever the style has room for it, and at the standard size where it has none. | |
clipData.look.hideHeader | boolean | Hide logo and title: Leaves out the line at the top of the clip: your logo, the title line and the style's decoration around them, so the content starts at the top. To leave it out of every clip, switch Logo and title line off in your brand's settings. | ||
clipData.look.hideFooter | boolean | Hide footer line: Leaves out your footer line at the foot of the clip, with whatever the style draws only to carry it, so the content reaches further down. Your presenter and the source line stay. To leave it out of every clip, switch Footer line off in your brand's settings. | ||
clipData.look.pattern | enum | auto, none, dots, grid, lines | Background pattern: The fine texture behind the content. The style's own keeps what the style draws there, and some styles draw none. None leaves the background plain. Dots, Grid and Diagonal lines draw that pattern faintly instead, the same in every style, in the colour of your page. | |
metaData | group | Meta data: Everything about the post that is never drawn in the clip: its title, its description in four lengths, one per kind of platform, and its hashtags. Reelwire adds the brand's description, link and hashtags after it. Left out, the post text is generated from the clip data. | ||
metaData.title | text | up to 100 characters | Title: Used where the platform has a title of its own: Facebook Feed, LinkedIn, Pinterest and YouTube. Up to 100 characters, which every one of them takes. | |
metaData.captionTiny | text | up to 200 characters | Tiny description (Pinterest, Threads, X): Up to 200 characters. The brand's description, link and hashtags follow it within the platform's limit. | |
metaData.captionShort | text | up to 500 characters | Short description (Telegram, Threema, WeChat, WhatsApp): Up to 500 characters. The brand's description, link and hashtags follow it within the platform's limit. | |
metaData.captionMedium | text | up to 1500 characters | Medium description (Discord, Facebook Reels, Instagram, LinkedIn, Signal, Slack, TikTok): Up to 1500 characters. The brand's description, link and hashtags follow it within the platform's limit. | |
metaData.captionLong | text | up to 4000 characters | Long description (Facebook Feed, YouTube): Up to 4000 characters. The brand's description, link and hashtags follow it within the platform's limit. | |
metaData.hashtags | list | up to 15 | Hashtags: Written without the #. Up to 15, which every platform takes. | |
metaData.hashtags[] | text | up to 60 characters | Hashtag |
locales enthält weitere Sprachen: unter jedem Sprachcode die Teile von clipData und metaData, die sich unterscheiden, über den Standard gelegt, sodass auch eine Sprache ohne eigene Fassung gerendert wird.
Ein Bild ist immer eine Datei aus Ihrer Mediathek: media://, gefolgt von ihrer ID oder ihrem Namen. Alles, was die Tabelle nicht aufführt, wird abgelehnt, ebenso alles über seinem Limit, mit einem Fehler 400 schema_validation, der das Feld nennt.
Fragen Sie Reelwire ohne Anmeldung nach dem vollständigen JSON Schema, dem Dokument, gegen das Ihr Inhalt geprüft wird:
curl "https://app.reelwire.io/v1/formats/template/tpl_8c269cd3852b?variant=Corporate%20glass&version=1.0.0"
Liefer-JSON
Ihr eigenes System sendet dies an einen Ihrer Streams, POST /v1/stream, und jeder Kanal, der diesen Stream empfängt, erstellt daraus mit seiner Vorlage einen Clip. data ist das oben beschriebene Dokument; ein Stream mit leerer Feldzuordnung gibt es unverändert an die Vorlage weiter. Probieren Sie es zuerst mit POST /v1/stream/validate aus, das dieselbe Antwort gibt, ohne etwas zu veröffentlichen. Streams und Feeds erklärt den Rest, auch wie Sie stattdessen ein Dokument in Ihrer eigenen Form zuordnen.
{
"streamId": "st_your_stream_id",
"eventId": "01M2SQMKK3G1NVFXV31DCBVB95",
"occurredAt": "2026-09-23T07:00:00Z",
"locale": "en",
"data": {
"clipData": {
"kicker": "Market value",
"title": "The ten largest companies on the Northwind exchange, by market value",
"prefix": "$",
"unit": "bn",
"items": [
{
"label": "Meridian Bank Group",
"value": 412.6
},
{
"label": "Halden Works",
"value": 298.4,
"highlight": true
},
{
"label": "Serrena Group",
"value": 288.1
},
{
"label": "Corvane Energy",
"value": 214.9
},
{
"label": "Talvik Telecom",
"value": 176.3
},
{
"label": "Northwind Rail & Freight",
"value": 149.8
},
{
"label": "Lunetta Pharma",
"value": 131.2
},
{
"label": "Brightwater Utilities",
"value": 97.5
},
{
"label": "Oskar Retail",
"value": 84
},
{
"label": "Fennick Logistics",
"value": 61.7
}
],
"note": "Halden Works passed Serrena Group for second place on Thursday after its order book doubled",
"source": "Source: Northwind Exchange, closing prices on 30 September",
"styleWords": {
"live": "LIVE",
"byline": "By",
"functionKeys": [
"HELP",
"DATA",
"CHART",
"NEWS"
],
"commandKey": "GO",
"realTime": "RT",
"messageLabel": "MSG",
"pictureLabel": "IMG"
},
"look": {
"theme": "auto",
"pace": "auto",
"corners": "auto",
"align": "auto",
"logo": "auto",
"logoSize": "auto",
"hideHeader": false,
"hideFooter": false,
"pattern": "auto"
}
},
"metaData": {
"title": "Halden Works is now the second largest company on the Northwind exchange",
"captionTiny": "Halden Works passed Serrena Group to become the second largest company on the Northwind exchange, worth 298.4 billion dollars.",
"captionShort": "Halden Works passed Serrena Group on Thursday to become the second largest company on the Northwind exchange, worth 298.4 billion dollars at the close. Meridian Bank Group stays first at 412.6 billion. Here are the ten largest by market value.",
"captionMedium": "Halden Works passed Serrena Group on Thursday to become the second largest company on the Northwind exchange, worth 298.4 billion dollars at the close after its order book doubled. Meridian Bank Group stays first at 412.6 billion dollars, more than Corvane Energy and Talvik Telecom together. The ten largest companies are worth a combined 1.9 trillion dollars, about half of the whole exchange. Here they are, ranked by market value at Thursday's closing prices.",
"captionLong": "Halden Works passed Serrena Group on Thursday to become the second largest company on the Northwind exchange, worth 298.4 billion dollars at the close after its order book doubled. Meridian Bank Group stays first at 412.6 billion dollars, more than Corvane Energy and Talvik Telecom together. The ten largest companies are worth a combined 1.9 trillion dollars, about half of the whole exchange. Northwind Rail and Freight is the only newcomer this year, while Brightwater Utilities fell two places after a weak summer. Here they are, ranked by market value at Thursday's closing prices. Figures are illustrative.",
"hashtags": [
"markets",
"stocks",
"ranking"
]
}
}
}
Die Lieferung nennt keine Version: Welcher Build sie erstellt, entscheidet der Kanal, die neueste seiner Variante oder die, auf die er festgelegt ist. eventId ist eine ULID, die Sie einmal je Ereignis erzeugen: Dieselbe noch einmal zu senden, ändert nichts. occurredAt ist der Zeitpunkt des Geschehens, nicht der des Sendens. locale ist die Sprache des Textes in data, und data.locales enthält weitere Sprachen daneben.
Fertige Feeds, die mit ihr erstellt werden
Jeder dieser Feeds wird mit dieser Vorlage erstellt, in derjenigen ihrer Varianten, die ein Kanal beim Hinzufügen des Feeds wählt.
- Tabelle der 2. Bundesliga (Rangbalken)
- Vergleich der Startanbieter (Rangbalken)
- Bundesliga-Tabelle (Rangbalken)
- Währungsstärke heute (Rangbalken)
- Wetter weltweit (Rangbalken)
- Meistgelesen auf der niederländischen Wikipedia (Rangbalken)
- Meistgelesen auf der französischen Wikipedia (Rangbalken)
- Meistgelesen auf der deutschen Wikipedia (Rangbalken)
- Meistgelesen auf der italienischen Wikipedia (Rangbalken)
- Meistgelesen auf der japanischen Wikipedia (Rangbalken)
- Meistgelesen auf der polnischen Wikipedia (Rangbalken)
- Meistgelesen auf der portugiesischen Wikipedia (Rangbalken)
- Meistgelesen auf der spanischen Wikipedia (Rangbalken)
- Meistgelesen auf Wikipedia (Rangbalken)
- Regelmäßige Ranglisten (Rangbalken)
- Top-Tech-Meldungen (Rangbalken)