Datos y ROI
Salida en vivo del motor de render real — edita los ajustes y se actualiza al instante.
Mapa de regiones hexagonal
tarjetas animadas de diseño
Regiones como un mapa abstracto de teselas hexagonales que aparece en ondas y luego se sombrea tesela a tesela del valor más bajo al más alto, con una leyenda escalonada y la región líder destacada.
Ideal para: territorios de ventas, resultados regionales y cobertura.
Ajustes
Fuente
Tema
Tamaño
Ánimo
Formatos que pasaron el control de imagen
1:1
Lo que escribes
titleTitle (≤60)· obligatorioregionsThe regions: a short code, a name and a value, with an optional grid position· obligatoriokickerSmall line above the title (≤40)prefixBefore each value, like $ (≤3)suffixAfter each value, like % or k (≤4)decimalsDecimal places (≤2)scaleSequential: one colour deepening with value; diverging: two colours either side of the midpointmidpointThe value that is neutral on a diverging scale (≤1000000000000)labelsTiles show their code, or their code and value
Una plantilla en código: gratis en todos los planes, sin créditos de IA.
Úsala en un vídeo
Ideal paraCifras y resultados
Lo que puedes cambiar:
rushie.props.titlerushie.props.regionsrushie.props (others)Para desarrolladores (MCP y JSON)
Esta es la escena exacta para enviar a create_animation (MCP): mantén la estructura, cambia las palabras y escribe la narración — la voz fija cuánto dura la escena. Pégala en update_storyboard con set_data para cambiar un vídeo que ya hiciste.
{
"visual": "rushie",
"heading": "Hexagon region map",
"narration": "Write the sentence the voice says over this scene; its length is the scene's.",
"data": {
"rushie": {
"template": "hex-region-map",
"props": {
"kicker": "Northwind territories · Q3",
"title": "Revenue per account peaks on the coasts",
"regions": [
{
"code": "SEA",
"name": "Seattle",
"value": 149,
"col": 0,
"row": 0
},
{
"code": "BOI",
"name": "Boise",
"value": 72,
"col": 1,
"row": 0
},
{
"code": "MSP",
"name": "Minneapolis",
"value": 96,
"col": 2,
"row": 0
},
{
"code": "CHI",
"name": "Chicago",
"value": 138,
"col": 3,
"row": 0
},
{
"code": "DET",
"name": "Detroit",
"value": 88,
"col": 4,
"row": 0
},
{
"code": "TOR",
"name": "Toronto",
"value": 121,
"col": 5,
"row": 0
},
{
"code": "BOS",
"name": "Boston",
"value": 164,
"col": 6,
"row": 0
},
{
"code": "PDX",
"name": "Portland",
"value": 112,
"col": 0,
"row": 1
},
{
"code": "SLC",
"name": "Salt Lake City",
"value": 84,
"col": 1,
"row": 1
},
{
"code": "DEN",
"name": "Denver",
"value": 118,
"col": 2,
"row": 1
},
{
"code": "KCY",
"name": "Kansas City",
"value": 69,
"col": 3,
"row": 1
},
{
"code": "IND",
"name": "Indianapolis",
"value": 74,
"col": 4,
"row": 1
},
{
"code": "PIT",
"name": "Pittsburgh",
"value": 92,
"col": 5,
"row": 1
},
{
"code": "NYC",
"name": "New York",
"value": 182,
"col": 6,
"row": 1
},
{
"code": "SFO",
"name": "San Francisco",
"value": 171,
"col": 0,
"row": 2
},
{
"code": "LVS",
"name": "Las Vegas",
"value": 77,
"col": 1,
"row": 2
},
{
"code": "ABQ",
"name": "Albuquerque",
"value": 58,
"col": 2,
"row": 2
},
{
"code": "STL",
"name": "St. Louis",
"value": 71,
"col": 3,
"row": 2
},
{
"code": "NSH",
"name": "Nashville",
"value": 83,
"col": 4,
"row": 2
},
{
"code": "DCA",
"name": "Washington DC",
"value": 146,
"col": 5,
"row": 2
},
{
"code": "LAX",
"name": "Los Angeles",
"value": 139,
"col": 0,
"row": 3
},
{
"code": "PHX",
"name": "Phoenix",
"value": 86,
"col": 1,
"row": 3
},
{
"code": "DAL",
"name": "Dallas",
"value": 104,
"col": 2,
"row": 3
},
{
"code": "ATL",
"name": "Atlanta",
"value": 115,
"col": 3,
"row": 3
},
{
"code": "CLT",
"name": "Charlotte",
"value": 97,
"col": 4,
"row": 3
},
{
"code": "HOU",
"name": "Houston",
"value": 99,
"col": 2,
"row": 4
},
{
"code": "MIA",
"name": "Miami",
"value": 108,
"col": 4,
"row": 4
}
],
"prefix": "$",
"suffix": "k",
"decimals": 0,
"scale": "sequential",
"midpoint": 100,
"labels": "codes",
"lowColor": "#5b8cff"
}
}
}
}