Aller au contenu principal
Fonctionnement

Sortie en direct du vrai moteur de rendu — modifiez les réglages et elle se met à jour instantanément.

Organigramme

schémasludiquerebondissantpulsation

Une hiérarchie sur deux ou trois niveaux, construite de haut en bas.

Idéal pour : Qui fait quoi ; une gamme de produits.

Réglages

Police
Thème
Taille
Humeur

L'utiliser dans un film

Ce que vous pouvez changer :nodes/edgeshighlight
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": "diagram",
  "motion": "ripple",
  "heading": "Diagram",
  "caption": "Who owns what",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "diagram": {
      "nodes": [
        {
          "id": "ceo",
          "label": "Founder"
        },
        {
          "id": "eng",
          "label": "Engineering"
        },
        {
          "id": "gtm",
          "label": "Go-to-market"
        },
        {
          "id": "app",
          "label": "Web app"
        },
        {
          "id": "render",
          "label": "Render workers"
        },
        {
          "id": "content",
          "label": "Content"
        },
        {
          "id": "partners",
          "label": "Partnerships"
        }
      ],
      "edges": [
        {
          "from": "ceo",
          "to": "eng"
        },
        {
          "from": "ceo",
          "to": "gtm"
        },
        {
          "from": "eng",
          "to": "app"
        },
        {
          "from": "eng",
          "to": "render"
        },
        {
          "from": "gtm",
          "to": "content"
        },
        {
          "from": "gtm",
          "to": "partners"
        }
      ],
      "highlight": "render",
      "kind": "tree"
    },
    "caption": "Who owns what"
  }
}

Autres animations Fonctionnement