Zum Hauptinhalt springen

Heatmap

Veränderungen als ein farbiges Raster mit bis zu sechzehn Zeilen unter bis zu sieben Spaltenüberschriften oder als gleich große Kacheln, jede Zelle zwischen Ihren Farben für Rückgang und Anstieg eingefärbt und mit ihrem gesendeten Wert: 8 bis 13 Sekunden. In neun Stilen, jeweils mit Farben, Schriften, Logo, Moderator und Hintergrund Ihrer Marke.

Vorlagen-IDtpl_253e24d3c157
BranchenJede Branche
VariantenCorporate glass, Bento grid, Broadcast news, Editorial, Swiss grid, Neo-brutalist, Soft friendly, Data terminal, Clear civic
Fertige Feeds31, unten aufgeführt

Einsatzbereiche​

  • Viele Veränderungen auf einmal: Regionen nach Monat, Märkte nach Tag, Dienste nach Woche.
  • Bis zu sechzehn Zeilen unter bis zu sieben Spalten, oder als gleich große Kacheln.
  • Jeder Wert, wie Sie ihn senden, zwischen Ihrer Ab- und Ihrer Auf-Farbe eingefärbt.

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.

VarianteWas es istVersionenNeueste
Corporate glassKarten aus Milchglas über einem Polarlicht in Ihren Markenfarben: ruhig und hochwertig.11.0.0
Bento gridAbgerundete Kacheln in Ihren Markenfarben, jede bewegt sich für sich: ein moderner Produktlook.11.0.0
Broadcast newsEin Nachrichtensender in Ihren Farben: Senderlogo, Namenseinblendung, Ticker und Ihr Moderator.11.0.0
EditorialEine Magazinseite in Ihrem Papierton und Ihrer Serifenschrift: Kopfzeile, feine Linien und eine Autorenzeile.11.0.0
Swiss gridEin strenges Raster, große Schrift und Ihre Markenfarbe als einziger Akzent. Nichts hüpft.11.0.0
Neo-brutalistLaute flache Blöcke in Ihren Farben mit dicken Rändern und harten Schatten.11.0.0
Soft friendlyWeiche Formen und abgerundete Karten in Tönen Ihrer Markenfarbe: warm und zugänglich.11.0.0
Data terminalEin Markt-Terminal in Ihrer Markenfarbe, dessen Zahlen erst durcheinanderwirbeln und dann einrasten.11.0.0
Clear civicZum Lesen gemacht: hoher Kontrast, große schlichte Schrift und nummerierte Schritte.11.0.0

Was sie annimmt​

Jede Variante nimmt denselben Inhalt an, sodass ein Dokument in jeder von ihnen erstellt werden kann.

Changes as equal tiles or as a matrix of up to sixteen rows under up to seven column headings, every cell coloured on one scale from the brand's down colour through a neutral to its up colour and labelled with its value exactly as sent: the cells stand empty on the cover, then light up. metaData is the post's title, descriptions and hashtags and is never drawn.

FeldTypErforderlichLimitWas es ist
clipDatagroupyesClip data: Everything drawn: a kicker, the title, the layout, the unit, what the colour shows, the column headings, the rows with their values, a note, the source and the look.
clipData.kickertextup to 20 charactersKicker: A word above the title, such as RAINFALL, MARKETS or THIS WEEK.
clipData.titletextyesup to 80 charactersTitle: What the cells show. On the cover from the first frame.
clipData.modeenummatrix, tilesLayout: Left out, a matrix where column headings or more than one value a row are sent, else tiles.
clipData.unittextup to 6 charactersUnit: Written after every value, such as %, pts or °C. Left out, a percent sign.
clipData.scaleLabeltextup to 30 charactersWhat the colour shows: Written beside the colour key under the cells, such as Change on the day.
clipData.columnslistup to 7Column headings: For the matrix: up to seven short headings over the columns, such as the days of a week or months. They stand from the first frame. Not drawn as tiles.
clipData.columns[]textup to 8 charactersHeading
clipData.rowslistyesat least 1, up to 16Rows: One to sixteen, drawn in the order sent. In the matrix each is a row of cells under the column headings; as tiles each is one tile showing its first value. Where they do not all fit the frame at a readable size, they turn pages.
clipData.rows[]groupRow
clipData.rows[].labeltextyesup to 18 charactersName
clipData.rows[].valueslistyesat least 1, up to 7Values: One per column, in the same order, from -999.99 to 999.99, shown exactly as sent with a + before a rise. Above nought takes the brand's up colour, below its down colour, nought the neutral. A row with fewer values than there are columns leaves the rest of its cells empty.
clipData.rows[].values[]numberfrom -999.99, to 999.99, 2 decimalsValue
clipData.notetextup to 100 charactersNote: One line under the cells, or beside them on 16x9.
clipData.sourcetextup to 70 charactersSource: Where the figures come from. Drawn exactly as written: write its label too, such as Source: at the start, as the template adds no word of its own.
clipData.styleWordsgroupStyle 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.livetextup to 16 charactersLive marker (Broadcast news): Written beside the light in Broadcast news' channel bug, such as LIVE. Left out, the light stands alone.
clipData.styleWords.bylinetextup to 12 charactersByline (Editorial): Written before the presenter's name in Editorial, such as By. Left out, the name stands alone.
clipData.styleWords.functionKeyslistup to 4Function 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[]textup to 12 charactersKey
clipData.styleWords.commandKeytextup to 10 charactersCommand 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.realTimetextup to 12 charactersReal-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.messageLabeltextup to 12 charactersMessage 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.pictureLabeltextup to 12 charactersPicture 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.lookgroupLook: 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.themeenumauto, brand, light, dark, boldTheme: 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.paceenumauto, calm, standard, punchyPace: How things arrive: the style's own rhythm, calm fades, a standard rhythm, or punchy slams and cuts.
clipData.look.cornersenumauto, square, soft, roundCorners: The shape of cards, panels and marks.
clipData.look.alignenumauto, start, centreText alignment: Where the text lines up.
clipData.look.logoenumauto, freeLogo: 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.logoSizeenumauto, small, largeLogo 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.hideHeaderbooleanHide 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.hideFooterbooleanHide 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.patternenumauto, none, dots, grid, linesBackground 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.
metaDatagroupMeta 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.titletextup to 100 charactersTitle: 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.captionTinytextup to 200 charactersTiny description (Pinterest, Threads, X): Up to 200 characters. The brand's description, link and hashtags follow it within the platform's limit.
metaData.captionShorttextup to 500 charactersShort description (Telegram, Threema, WeChat, WhatsApp): Up to 500 characters. The brand's description, link and hashtags follow it within the platform's limit.
metaData.captionMediumtextup to 1500 charactersMedium 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.captionLongtextup to 4000 charactersLong description (Facebook Feed, YouTube): Up to 4000 characters. The brand's description, link and hashtags follow it within the platform's limit.
metaData.hashtagslistup to 15Hashtags: Written without the #. Up to 15, which every platform takes.
metaData.hashtags[]textup to 60 charactersHashtag

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_253e24d3c157?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": "Rainfall",
"title": "Rain against the long-term average, region by region, from April to September",
"mode": "matrix",
"unit": "%",
"scaleLabel": "Rain against the average",
"columns": [
"Apr",
"May",
"Jun",
"Jul",
"Aug",
"Sep"
],
"rows": [
{
"label": "Northern uplands",
"values": [
18,
34,
-6,
12,
41,
22
]
},
{
"label": "East coast",
"values": [
-8,
4,
-22,
-15,
9,
-3
]
},
{
"label": "Central valley",
"values": [
-12,
-18,
-41,
-36,
-9,
6
]
},
{
"label": "South",
"values": [
-20,
-31,
-58,
-47,
-26,
-10
]
},
{
"label": "West",
"values": [
6,
12,
-14,
3,
28,
15
]
},
{
"label": "Islands",
"values": [
25,
9,
0,
16,
52,
30
]
}
],
"note": "The south had under half its usual rain in July, the islands half as much again in August.",
"source": "Source: National weather service, monthly climate summaries",
"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": "Six regions, six months: where the summer was wet and where it was dry",
"captionTiny": "Six regions, six months, one colour scale. The south had under half its usual rain in July, while the islands had half as much again in August.",
"captionShort": "Rain against the long-term average, region by region, from April to September. Every cell is one month in one region: one colour for wetter than usual, the other for drier, and the deeper the colour the bigger the difference. The south was the driest all summer, with 58 percent less rain than usual in July. The islands and the northern uplands were the wettest, the islands with 52 percent more in August.",
"captionMedium": "Rain against the long-term average, region by region, from April to September. Every cell is one month in one region: one colour for wetter than usual, the other for drier, and the deeper the colour the bigger the difference.\n\nThe south was the driest region in every month, with 58 percent less rain than usual in July and 47 percent less in August. The central valley followed it, dry from May to August.\n\nThe islands and the northern uplands were the wettest. The islands had 52 percent more rain than usual in August and the uplands 41 percent more.\n\nBy September most regions were closer to the average again.",
"captionLong": "Rain against the long-term average, region by region, from April to September. Every cell is one month in one region: one colour for wetter than usual, the other for drier, and the deeper the colour the bigger the difference. A grid like this shows in one picture what a table of thirty-six numbers hides: which months were dry, and where.\n\nThe south was the driest region in every month of the summer. It had 58 percent less rain than usual in July and 47 percent less in August, and even September stayed 10 percent below the average. The central valley followed it, dry from May to August, with 41 percent less rain in June.\n\nThe islands and the northern uplands were the wettest. The islands had 52 percent more rain than usual in August and 30 percent more in September; the uplands had 41 percent more in August.\n\nThe east coast and the west stayed closest to the average, never more than 28 percent either way.\n\nBy September most regions were closer to the average again. The figures compare each month's rain with the average for that month from 1991 to 2020.",
"hashtags": [
"rainfall",
"weather",
"climate",
"summer",
"heatmap",
"dataviz"
]
}
}
}

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.