Données et ROI
Sortie en direct du vrai moteur de rendu — modifiez les réglages et elle se met à jour instantanément.
Treemap
cartes animées design
Un bloc qui se divise encore et encore en rectangles proportionnels à leur valeur, chacun étiqueté de son montant et de sa part, sous un total qui défile.
Idéal pour : répartition du chiffre d'affaires, parts de budget, parts de marché et ventilations de portefeuille.
Réglages
Police
Thème
Taille
Humeur
Formats validés par le contrôle d'image
1:1
Ce que vous écrivez
titleTitle (≤60)· obligatoireitemsThe parts, each a label and a value; areas are drawn in proportion· obligatoirekickerSmall line above the title (≤40)prefixBefore each value, like $ (≤3)suffixAfter each value, like M or % (≤4)decimalsDecimal places (≤2)paletteSpectrum: a family of hues around the accent; accent: shades of the accent, brightest for the largestrevealSplit: one block divides again and again by value; grow: tiles pop in from largest to smallest
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.itemsrushie.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": "Treemap",
"narration": "Write the sentence the voice says over this scene; its length is the scene's.",
"data": {
"rushie": {
"template": "treemap",
"props": {
"kicker": "Northwind · revenue by product, FY2026",
"title": "Analytics Cloud is a third of the business",
"items": [
{
"label": "Analytics Cloud",
"value": 4.2
},
{
"label": "Sync",
"value": 2.6
},
{
"label": "Insights",
"value": 1.9
},
{
"label": "Mobile SDK",
"value": 1.1
},
{
"label": "Connectors",
"value": 0.9
},
{
"label": "Marketplace",
"value": 0.6
},
{
"label": "Training",
"value": 0.35
},
{
"label": "Support plans",
"value": 0.3
},
{
"label": "Consulting",
"value": 0.25
}
],
"prefix": "$",
"suffix": "M",
"decimals": 2,
"palette": "spectrum",
"reveal": "split"
}
}
}
}