Why lines instead of arrows?

An org chart shows who reports to whom, not a process, so it uses --- without arrowheads. Use --> if you want to stress direction.

The chart is too wide.

Change the first line to flowchart LR to lay it out sideways, or move one office's teams into a separate chart.

Nodes cannot hold images. Export to PowerPoint and place photos next to the boxes.

School organizational chart template

Previewed in the “Indigo” theme; you can switch themes in the editor

When to use it

A school website's staff page, an accreditation report and a new-teacher handbook all need an org chart. This one runs four levels, from principal through assistant principals to departments and teams, so reporting lines are clear at a glance. It also adapts to a vocational school or a tutoring center.

Make it yours

A small school with no assistant principals can delete the second level and connect departments straight to the principal.
Rename offices to what your school calls them.
To add a person's name, use a line break, such as A[Department Heads<br/>Ms. Rivera].

Mermaid code

school-org-chart.mmd

flowchart TB
    P[Principal]
    P --- V1[Assistant Principal Academics]
    P --- V2[Assistant Principal Student Life]
    P --- V3[Director of Operations]
    P --- O[Front Office]
    V1 --- A[Department Heads]
    V1 --- B[Instructional Coaches]
    V2 --- C[Dean of Students]
    V2 --- D[Counseling]
    V3 --- E[Facilities]
    V3 --- F[Safety and Security]
    A --- A1[Grade-Level Teams]
    A --- A2[Subject Teachers]
    B --- B1[Professional Development]
    C --- C1[Homeroom Advisors]
    D --- D1[School Psychologist]
    E --- E1[Business Office]
    E --- E2[Cafeteria and Transport]

Ask an AI for one with this structure

Send the prompt below to ChatGPT or Claude, then paste the whole reply into the editor; the code inside is detected automatically.

prompt.txt

Draw a school organizational chart with Mermaid flowchart TB syntax. The principal is at the top, with an assistant principal for academics, an assistant principal for student life, a director of operations and the front office below. Academics oversees department heads and instructional coaches; student life oversees the dean of students and counseling; operations oversees facilities and safety. Add one or two teams under each office. Connect levels with plain lines using --- and use no parentheses in node text. Output only the mermaid code block.

FAQ

Why lines instead of arrows?: An org chart shows who reports to whom, not a process, so it uses --- without arrowheads. Use --> if you want to stress direction.
The chart is too wide.: Change the first line to flowchart LR to lay it out sideways, or move one office's teams into a separate chart.
Can I add photos?: Nodes cannot hold images. Export to PowerPoint and place photos next to the boxes.

More in this category

All templates

Updated 2026-11-11