Données et ROI
Sortie en direct du vrai moteur de rendu — modifiez les réglages et elle se met à jour instantanément.
Carte hexagonale
cartes animées design
Des régions en carte abstraite de tuiles hexagonales qui apparaît en ondulant, puis se teinte tuile par tuile de la valeur la plus basse à la plus haute, avec une légende par paliers et la meilleure région mise en avant.
Idéal pour : territoires de vente, résultats régionaux et couverture.
Réglages
Police
Thème
Taille
Humeur
Formats validés par le contrôle d'image
1:1
Ce que vous écrivez
titleTitle (≤60)· obligatoireregionsThe regions: a short code, a name and a value, with an optional grid position· obligatoirekickerSmall 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
Un modèle en code : gratuit sur toutes les offres, sans crédits IA.
L'utiliser dans un film
Idéal pourChiffres & résultats
Ce que vous pouvez changer :
rushie.props.titlerushie.props.regionsrushie.props (others)Pour les développeurs (MCP et JSON)
Voici la scène exacte à envoyer à create_animation (MCP) : gardez la structure, changez les mots et écrivez la narration — c'est la voix qui fixe la durée de la scène. Collez-la dans update_storyboard avec set_data pour modifier un film déjà fait.
{
"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"
}
}
}
}