How to Make an Animated Org Chart or Family Tree

How to make an animated org chart in 6 steps

Trees are about relationships, so the lines matter as much as the boxes. The structure should appear in the same order as the voiceover explains it, never all at once.

1. Write the structure as a list. One person per line, indented under their manager or parent. Add a role, a year or one short note next to each name. Keep notes under five words so they fit in a box on a phone.
2. Decide the focus. Whose story is it? A new hire, a new team, the founder. That node gets the accent colour and the camera lands on it at the end.
3. Pick the style. Clean white boxes, photo circles or fine line drawings. Upload photos if you want faces, only of people who agreed to it. Otto can remove the photo backgrounds so faces sit cleanly in circles.
4. Set the growth order. Top down level by level, one branch at a time, or following the narration. Say it in the prompt. Roughly 2 to 4 seconds per level is a comfortable pace.
5. Add a voice or captions. Upload your narration or ask for an AI voice, and time each level to the sentence that introduces it. If you record yourself, Otto can make each person appear when you mention them.
6. Check every name and line. Pause on the final frame and check spelling, roles and who connects to whom.

An org chart prompt you can paste into Otto

Adapted from the way Videotto users brief Otto for diagram scenes. Replace the names with your own.

Create a 20 second animated org chart. All motion graphics.
FORMAT: 16:9 at 1920x1080 for our onboarding deck, plus a 9:16 version.
STYLE: clean white background, rounded boxes with a thin grey border, photo circle in each box, one accent #2F6FED for the focus person, clean sans serif names, roles in smaller grey text.
STRUCTURE:
[CEO name], [role]
  [Lead 1], [role]
    [Team member], [role]
  [Lead 2], [role]
    [Team member], [role]
    [New hire], [role] (focus)
ANIMATION SEQUENCE:
0 to 4 s: the top box fades up with the company name above it.
4 to 10 s: lines draw down, the leads appear one by one.
10 to 16 s: each team appears under its lead.
16 to 20 s: the focus box turns the accent colour, gentle zoom in. Hold.
SOUND: light music, a soft click as each box lands.
RESTRICTIONS: names and roles spelled exactly as given, no extra people, smooth easing, no bouncing.

Short org chart prompts that also work

• "Animate our team structure: CEO at the top, three leads, their teams under them."
• "Build the family tree as he talks, each generation when he mentions it."
• "Show how these five companies are connected, lines that draw between them."
• "Photo circles with names, the new hire highlighted at the end."
• "Fine line family tree, a double helix in the corner, old science book style."

Example: a 20 second team org chart for onboarding

This is an illustrative example, not a real company. The input is an indented list of nine people across three levels: a head of marketing, two leads (content and growth), and six team members, one of them a new hire starting Monday. The goal is a short clip for the welcome email and the team channel.

How the 20 seconds were planned

Nine boxes on a 9:16 screen is close to the limit. In the vertical version the third level was arranged as two short rows rather than one wide row, so each name stayed at a readable size. Done by hand in PowerPoint or Keynote with SmartArt-style shapes and build animations, a chart like this typically takes 1 to 2 hours to lay out and time; in After Effects with line-draw effects, longer. With a written brief the work is mostly checking names and asking for one or two adjustments.

Sizes and limits for an animated org chart

Where the chart will be watched decides how many people fit. These are practical starting points, not hard rules.

Names need to be large enough to read on a phone at arm's length. If a level holds more than five boxes in vertical, split it into two rows or show that branch on its own screen.

Animated org chart mistakes

• The whole chart at once. A full chart on frame one gives the viewer nothing to follow. Grow it in the order you explain it.
• Too many levels. Beyond four levels, names get tiny on a phone. Split a big chart into two scenes or pan across it.
• Wrong names or links. One misspelled name or wrong reporting line is what people notice. Check before you post.
• Photos without permission. Only use photos of colleagues or family members who agreed to be shown.

The same method for family trees and relationship maps

The technique fits three common videos. Name which one you are making, because the layout changes.

• Org chart. Top down, roles under names, equal spacing. Good for team intros, onboarding and meet-the-team posts.
• Family tree. Generations in rows, couples side by side, years under names. Good for history, genealogy and story channels. A fine line drawing style on aged paper, like an illustration in an old book, makes it feel like part of a documentary.
• Relationship map. Nodes scattered, lines with short labels such as "owns", "invested in" or "rivals". Good for business explainers. Keep it to six to eight nodes and add them one at a time as the story mentions them.

FAQ