Saltar al contenido principal

Mapa de regiones

De dos a veinticuatro regiones comparadas según un valor, cada una un hexágono igual colocado más o menos donde está, para que todas cuenten lo mismo: el mapa vacío es la portada, luego el color lo recorre, niveles en una escala derivada de la marca o un cambio en sus colores de subida y bajada, cada valor apareciendo con él, y la leyenda bajo el mapa: de 8 a 9 segundos. En once estilos, cada uno con los colores, fuentes, logo, presentador y fondo de su marca.

ID de la plantillatpl_69a179f0adbe
SectoresTodos los sectores
VariantesElection night, Weather map, Corporate glass, Bento grid, Broadcast news, Editorial, Swiss grid, Neo-brutalist, Clear civic, Soft friendly, Data terminal
Feeds predefinidosNinguno

Casos de uso​

  • Una cifra por cada distrito, sucursal o región: calidad del aire, precios, participación, ventas.
  • Cada región un hexágono igual colocado más o menos donde está, de modo que los lugares pequeños cuentan tanto como los grandes.
  • El color en una escala de su marca, o el cambio hacia arriba y hacia abajo, con su leyenda bajo el mapa.

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.

VarianteQué esVersionesMás reciente
Election nightUn plató de resultados electorales en sus colores: paneles que entran sobre franjas intensas, cifras que suben y el resultado estampado.11.0.0
Weather mapUn mapa del tiempo en sus colores: isobaras y un frente que pasa por detrás, tarjetas redondeadas e insignias que aparecen de golpe.11.0.0
Corporate glassTarjetas de cristal esmerilado sobre una aurora en los colores de su marca: tranquilo y premium.11.0.0
Bento gridRecuadros redondeados en los colores de su marca, cada uno con su propio movimiento: un aspecto moderno de producto.11.0.0
Broadcast newsUn canal de noticias en sus colores: logotipo del canal en pantalla, rótulo inferior, teletipo y su presentador.11.0.0
EditorialUna página de revista con el tono de papel y la tipografía con serifa de su marca: cabecera, líneas finas y firma.11.0.0
Swiss gridUna cuadrícula estricta, tipografía grande y el color de su marca como único acento. Nada rebota.11.0.0
Neo-brutalistBloques planos llamativos en sus colores con bordes gruesos y sombras duras.11.0.0
Clear civicPensado para leer: alto contraste, tipografía grande y sencilla y pasos numerados.11.0.0
Soft friendlyFormas suaves y tarjetas redondeadas en matices del color de su marca: cálido y cercano.11.0.0
Data terminalUn terminal de mercado cuyo texto es del color de su marca, con las cifras barajándose hasta quedar en su sitio.11.0.0

Qué acepta​

Todas las variantes aceptan el mismo contenido, así que un documento se genera en cualquiera de ellas.

Region map: regions compared on one value, each an equal hexagon placed roughly where it lies, coloured on a scale built from the brand, levels or a change, with its key, sweeping across. metaData is the post's title, descriptions and hashtags and is never drawn.

CampoTipoObligatorioLímiteQué es
clipDatagroupyesClip data: Everything drawn: a kicker, the title, the regions with their values and places, the scale and what it shows, a note, the source and the look.
clipData.kickertextup to 20 charactersKicker: A word above the title, such as AIR QUALITY or TODAY.
clipData.titletextyesup to 80 charactersTitle: Shown from the first frame with every hexagon, still empty.
clipData.prefixtextup to 3 charactersPrefix: Written before every value, such as a currency sign.
clipData.unittextup to 8 charactersUnit: Written after every value: %, mm, EUR.
clipData.scaleenumlevels, changeColours: Levels: two to six classes on a ramp from your brand colour, quiet for the lowest and deep for the highest, for values where more means more. Change: your brand's up colour above nought and its down colour below, every value with its sign.
clipData.scaleLabeltextup to 30 charactersWhat the colour shows: Written beside the colour key.
clipData.regionslistyesat least 2, up to 24Regions: Two to twenty-four. Placed by column and row where both are sent, every odd row half a hexagon to the right, so neighbours on the map can be neighbours here; packed in the order sent where they are not.
clipData.regions[]groupRegion
clipData.regions[].nametextyesup to 22 charactersName
clipData.regions[].shorttextup to 4 charactersShort name: Written in the hexagon where the name does not fit.
clipData.regions[].valuenumberyes4 decimalsValue
clipData.regions[].colintegerfrom 0, to 12Column: From 0 at the left.
clipData.regions[].rowintegerfrom 0, to 12Row: From 0 at the top.
clipData.notetextup to 100 charactersNote: One line under the map.
clipData.sourcetextup to 70 charactersSource: A line at the foot. Drawn exactly as written.
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 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_69a179f0adbe?variant=Election%20night&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": "Air quality",
"title": "The air was worst by the docks and the harbour this morning, best on the hills",
"prefix": "",
"unit": "",
"scale": "levels",
"scaleLabel": "Air quality index",
"regions": [
{
"col": 1,
"row": 0,
"name": "Northgate",
"short": "NGT",
"value": 28
},
{
"col": 2,
"row": 0,
"name": "Hillcrest",
"short": "HIL",
"value": 22
},
{
"col": 3,
"row": 0,
"name": "Fairview",
"short": "FAI",
"value": 35
},
{
"col": 0,
"row": 1,
"name": "Westmoor",
"short": "WMR",
"value": 41
},
{
"col": 1,
"row": 1,
"name": "Old Town",
"short": "OLD",
"value": 88
},
{
"col": 2,
"row": 1,
"name": "Market Hall",
"short": "MKT",
"value": 104
},
{
"col": 3,
"row": 1,
"name": "Eastfield",
"short": "EST",
"value": 52
},
{
"col": 0,
"row": 2,
"name": "Riverside",
"short": "RIV",
"value": 63
},
{
"col": 1,
"row": 2,
"name": "Cathedral Quarter",
"short": "CAT",
"value": 97
},
{
"col": 2,
"row": 2,
"name": "Docklands",
"short": "DCK",
"value": 142
},
{
"col": 3,
"row": 2,
"name": "Mill Lane",
"short": "MIL",
"value": 76
},
{
"col": 4,
"row": 2,
"name": "Seaview",
"short": "SEA",
"value": 31
},
{
"col": 1,
"row": 3,
"name": "Southbank",
"short": "SBK",
"value": 58
},
{
"col": 2,
"row": 3,
"name": "Harbour",
"short": "HBR",
"value": 121
},
{
"col": 3,
"row": 3,
"name": "Lighthouse",
"short": "LGT",
"value": 45
},
{
"col": 2,
"row": 4,
"name": "Gull Point",
"short": "GPT",
"value": 18
}
],
"note": "Above 100 the city advises people with asthma to avoid hard exercise outdoors",
"source": "Westbrook air monitoring network, 08:00",
"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": "Where the air was worst this morning",
"captionTiny": "Air quality this morning: worst by the Docklands (142) and the Harbour (121), best at Gull Point (18) and on the hills.",
"captionShort": "This morning's air quality across Westbrook: worst by the Docklands at 142 and the Harbour at 121, best at Gull Point at 18 and in Hillcrest at 22. Above 100 the city advises people with asthma to avoid hard exercise outdoors.",
"captionMedium": "Air quality across Westbrook this morning, by district.\n\nWorst: Docklands 142, Harbour 121, Market Hall 104.\nBest: Gull Point 18, Hillcrest 22, Northgate 28.\n\nAbove 100 the city advises people with asthma to avoid hard exercise outdoors. Readings from the city's monitoring network at 08:00.",
"captionLong": "Here is how the air looked across Westbrook at 8 this morning, district by district, from the city's monitoring network.\n\nThe air was worst around the port: the Docklands read 142, the Harbour 121 and Market Hall 104, where the morning traffic meets the ships. On the hills it was clean: Gull Point read 18, Hillcrest 22 and Northgate 28.\n\nAbove 100 the city advises people with asthma or heart conditions to avoid hard exercise outdoors. Readings usually ease by midday as the wind picks up.",
"hashtags": [
"airquality",
"westbrook",
"health",
"city",
"map"
]
}
}
}

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.