Carrera de barras
Hasta doce nombres clasificados a lo largo de dos a doce periodos: los líderes son barras que crecen, se encogen y se adelantan al pasar los periodos, con cada valor en cada periodo exactamente como se envió: de 8 a 21 segundos. En diez estilos, cada uno con los colores, fuentes, logo, presentador y fondo de su marca.
| ID de la plantilla | tpl_88bc4a3cf966 |
|---|---|
| Sectores | Todos los sectores |
| Variantes | Corporate glass, Bento grid, Broadcast news, Editorial, Swiss grid, Neo-brutalist, Soft friendly, Data terminal, Sports broadcast, Clear civic |
| Feeds predefinidos | 1, listados abajo |
Casos de uso
- Quién lideró, año tras año: las empresas más valiosas, los lugares más visitados, los máximos goleadores de la temporada.
- Hasta doce nombres a lo largo de hasta doce períodos, que se adelantan cuando se cruzan sus valores.
- Cada valor de cada período exactamente como lo envía.
Variantes
Una variante es esta plantilla con otro diseño, y existe en versiones: compilaciones inmutables, la más reciente primero. Un canal sigue la versión más reciente de su variante, salvo que esté fijado a una.
| Variante | Qué es | Versiones | Más reciente |
|---|---|---|---|
| Corporate glass | Tarjetas de cristal esmerilado sobre una aurora en los colores de su marca: tranquilo y premium. | 1 | 1.0.0 |
| Bento grid | Recuadros redondeados en los colores de su marca, cada uno con su propio movimiento: un aspecto moderno de producto. | 1 | 1.0.0 |
| Broadcast news | Un canal de noticias en sus colores: logotipo del canal en pantalla, rótulo inferior, teletipo y su presentador. | 1 | 1.0.0 |
| Editorial | Una página de revista con el tono de papel y la tipografía con serifa de su marca: cabecera, líneas finas y firma. | 1 | 1.0.0 |
| Swiss grid | Una cuadrícula estricta, tipografía grande y el color de su marca como único acento. Nada rebota. | 1 | 1.0.0 |
| Neo-brutalist | Bloques planos llamativos en sus colores con bordes gruesos y sombras duras. | 1 | 1.0.0 |
| Soft friendly | Formas suaves y tarjetas redondeadas en matices del color de su marca: cálido y cercano. | 1 | 1.0.0 |
| Data terminal | Un terminal de mercado cuyo texto es del color de su marca, con las cifras barajándose hasta quedar en su sitio. | 1 | 1.0.0 |
| Sports broadcast | Un canal deportivo en sus colores: barras inclinadas, un logotipo en pantalla con su marca y una tipografía condensada. | 1 | 1.0.0 |
| Clear civic | Pensado para leer: alto contraste, tipografía grande y sencilla y pasos numerados. | 1 | 1.0.0 |
Qué acepta
Todas las variantes aceptan el mismo contenido, así que un documento se genera en cualquiera de ellas.
Up to twelve things ranked through two to twelve periods: bars that grow, shrink and overtake each other from period to period while a period counter turns, each period landing on exactly the values sent. metaData is the post's title, descriptions and hashtags and is never drawn.
| Campo | Tipo | Obligatorio | Límite | Qué es |
|---|---|---|---|---|
clipData | group | yes | Clip data: Everything drawn: a kicker, the title, the prefix and unit of every value, the periods, the racers with a value for every period, how many stand at once, a line of context, the source and the look. | |
clipData.kicker | text | up to 20 characters | Kicker: A word above the title, such as TEN YEARS or THE RACE. | |
clipData.title | text | yes | up to 80 characters | Title: What is ranked, by what and over which periods. |
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, people. | |
clipData.periods | list | yes | at least 2, up to 12 | Periods: The periods in order, oldest first: years, quarters, months. Two to twelve; each adds a second and a half to the clip. |
clipData.periods[] | text | up to 10 characters | Period | |
clipData.entities | list | yes | at least 2, up to 12 | Racers: What races: each with a value for every period, in the same order. Two to twelve; the leaders of each period stand as bars. |
clipData.entities[] | group | Racer | ||
clipData.entities[].name | text | yes | up to 24 characters | Name |
clipData.entities[].values | list | yes | at least 2, up to 12 | Values: One per period, in the same order as the periods. A period left out at the end counts as nought. |
clipData.entities[].values[] | number | from 0, 4 decimals | Value | |
clipData.entities[].highlight | boolean | Mark this racer: Drawn in the brand colour, the others a step quieter, so it can be followed through the race. Only the first marked racer is. | ||
clipData.show | integer | from 3, to 10 | Bars shown: How many of the leaders stand as bars at once, three to ten. Where a frame cannot hold them all at a readable size, it shows as many as it can. | |
clipData.note | text | up to 100 characters | Context: One line shown once the race has reached the last period. | |
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 contiene otros idiomas: bajo cada código de idioma, las partes de clipData y metaData que cambian, superpuestas al contenido predeterminado, así que un idioma sin copia propia también se renderiza.
Una imagen es siempre un archivo de su biblioteca multimedia: media:// seguido de su ID o su nombre. Todo lo que la tabla no enumera se rechaza, y también todo lo que supera su límite, con un error 400 schema_validation que nombra el campo.
Pida a Reelwire, sin iniciar sesión, el JSON Schema completo, el documento con el que se valida su contenido:
curl "https://app.reelwire.io/v1/formats/template/tpl_88bc4a3cf966?variant=Corporate%20glass&version=1.0.0"
JSON de entrega
Su propio sistema envía esto a uno de sus streams, POST /v1/stream, y cada canal que recibe ese stream lo genera con su plantilla. data es el documento descrito arriba; un stream con una asignación de campos vacía lo pasa a la plantilla sin cambios. Pruébelo primero con POST /v1/stream/validate, que responde igual sin publicar nada. Streams y feeds explica el resto, incluido cómo asignar en su lugar un documento con su propia forma.
{
"streamId": "st_your_stream_id",
"eventId": "01M2SQMKK3G1NVFXV31DCBVB95",
"occurredAt": "2026-09-23T07:00:00Z",
"locale": "en",
"data": {
"clipData": {
"kicker": "Ten years",
"title": "The most valuable companies on the Northwind exchange, year by year",
"prefix": "$",
"unit": "bn",
"periods": [
"2016",
"2017",
"2018",
"2019",
"2020",
"2021",
"2022",
"2023",
"2024",
"2025"
],
"entities": [
{
"name": "Meridian Bank Group",
"values": [
180,
195,
210,
220,
200,
240,
260,
300,
360,
412.6
]
},
{
"name": "Halden Works",
"values": [
55,
58,
62,
70,
95,
120,
150,
190,
240,
298.4
],
"highlight": true
},
{
"name": "Serrena Group",
"values": [
150,
170,
190,
210,
230,
250,
240,
260,
280,
288.1
]
},
{
"name": "Corvane Energy",
"values": [
260,
275,
290,
240,
150,
210,
300,
250,
230,
214.9
]
},
{
"name": "Talvik Telecom",
"values": [
200,
205,
198,
190,
185,
180,
175,
172,
170,
176.3
]
},
{
"name": "Northwind Rail & Freight",
"values": [
90,
95,
100,
105,
80,
100,
115,
130,
140,
149.8
]
},
{
"name": "Lunetta Pharma",
"values": [
60,
65,
70,
80,
140,
130,
120,
125,
128,
131.2
]
},
{
"name": "Brightwater Utilities",
"values": [
140,
145,
150,
155,
160,
150,
130,
115,
100,
97.5
]
},
{
"name": "Oskar Retail",
"values": [
120,
118,
110,
100,
120,
115,
105,
95,
90,
84
]
},
{
"name": "Fennick Logistics",
"values": [
50,
55,
60,
62,
70,
75,
66,
64,
63,
61.7
]
}
],
"show": 8,
"note": "Halden Works climbed from ninth to second in ten years",
"source": "Source: Market value at each year's end",
"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": "Ten years of the Northwind exchange: Halden Works climbs from ninth to second",
"captionTiny": "Halden Works climbed from ninth to second on the Northwind exchange in ten years. Watch the ten most valuable companies race from 2016 to 2025.",
"captionShort": "Halden Works was worth 55 billion dollars in 2016. Ten years later it is worth 298.4 billion and the second most valuable company on the Northwind exchange. Corvane Energy led until 2019, Meridian Bank Group has led since 2023. Watch the ten largest companies race through the decade.",
"captionMedium": "Halden Works was worth 55 billion dollars in 2016 and ranked ninth on the Northwind exchange. Ten years later it is worth 298.4 billion and second only to Meridian Bank Group. Corvane Energy led the exchange until 2019, fell to fifth in 2020 and came back to the top in 2022, before Meridian Bank Group took over for good in 2023. Lunetta Pharma jumped in 2020 and has held its gains since. Watch the ten largest companies race through the decade, by market value at each year's end.",
"captionLong": "Halden Works was worth 55 billion dollars in 2016 and ranked ninth on the Northwind exchange. Ten years later it is worth 298.4 billion and second only to Meridian Bank Group. Corvane Energy led the exchange until 2019, fell to fifth in 2020 and came back to the top in 2022, before Meridian Bank Group took over for good in 2023. Lunetta Pharma jumped in 2020 and has held its gains since, while Talvik Telecom and Brightwater Utilities slowly slipped down the table. Watch the ten largest companies race through the decade, by market value at each year's end. Figures are illustrative.",
"hashtags": [
"markets",
"stocks",
"barchartrace"
]
}
}
}
La entrega no nombra ninguna versión: qué compilación la genera lo elige el canal, la más reciente de su variante o la que tenga fijada. eventId es un ULID que usted crea una vez por evento: enviar el mismo otra vez no cambia nada. occurredAt es cuándo ocurrió el hecho, no cuándo lo envió. locale es el idioma del texto en data, y data.locales contiene otros idiomas junto a él.
Feeds predefinidos que se generan con ella
Cada uno de estos feeds se genera con esta plantilla, en la variante que elija un canal al añadir el feed.