Free · No sign-up · No watermark

Org chart templates

Every template here is a piece of Mermaid code that renders as it is: reporting lines are links and the levels align on their own. Replace the departments and roles with yours and export to Word, PowerPoint or a high-resolution PNG. Free, no sign-up, no watermark.

Open the example and edit it3 templatesHow to write an org chart in Mermaid

Ready-made org chart templates

Open one for the preview and the full code, and download PNG, SVG, Word or PowerPoint right there; “Open in the editor” lets you edit the text and pick a theme before exporting.

Three steps to a finished diagram

  1. 1Click "Open the example and edit it" above, or open the template closest to your structure in the editor
  2. 2Double-click a node to rename it; click a node and choose Add a branch to add a report. Or send the prompt below to an AI assistant with your departments and paste its whole reply
  3. 3Pick a theme, then choose Export to Word or Export to PowerPoint; after a reorg, change a few words and export again

How to write an org chart in Mermaid

Try it: copy this and paste it into the editor to render it.

mermaid
flowchart TD
    CEO[CEO] --> CTO[CTO] & COO[COO] & CFO[CFO]
    CTO --> FE[Frontend team] & BE[Backend team] & QA[QA team]
    COO --> MKT[Marketing] & CS[Customer support]
    CFO --> ACC[Accounting] & TR[Treasury]
    PM[Project manager] -.-> FE
    PM -.-> BE
    COO --> PM
  • Use flowchart TD: managers on top, reports below, and one link per reporting line, such as CEO --> CTO
  • One manager with several reports fits on one line: CEO --> CTO & CFO & COO
  • A dotted link shows a dotted-line report or collaboration: PM -.-> Dev. Wrap a division in subgraph Name … end to box it
  • To put a name and a title on two lines, use <br/> in the text: CTO["Ana Ruiz<br/>CTO"]

Ask an AI for your own version with this structure

Send the prompt below to ChatGPT or Claude with the parts in [brackets] replaced by yours, then paste the whole reply into the editor; the code inside is detected automatically.

prompt.txt
Draw an org chart with Mermaid flowchart TD syntax. The top of the company is [CEO]; below are the [engineering, operations, finance] departments led by [...]; the teams under each department are: [engineering: frontend, backend, QA; operations: ...]. Connect manager to report with a solid --> link, put several reports on one line with &, and use -.-> for dotted-line reporting. Use short letter ids with the display name in square brackets. Output only the mermaid code block.

Frequently asked questions

What is a quick way to draw an org chart?
For a clear hierarchy that changes often, writing it as text is fast: one reporting line per row, and the layout is computed for you, so there are no boxes to align by hand. The templates on this page work that way and export to Word, PowerPoint or an image.
The chart is too wide with many departments. What can I do?
Change the direction from TD to LR so levels run left to right and each department takes a row, or split the chart by division and keep only top-level departments in the overview. An SVG or 3× PNG stays sharp when zoomed.
Can I show a matrix organization or dotted-line reporting?
Yes. Use a solid --> link for line management and a dotted -.-> link for functional or project reporting; a node can have both. When a project team draws people from several departments, box it with subgraph.
Can I put photos in the boxes?
Not directly. Nodes hold text such as a name, a title or a headcount, with <br/> for line breaks. If you need photos, export an SVG or PowerPoint file and add them in your office software.
How do I update the chart when people move?
The exported Word and PowerPoint files carry the Mermaid code at the end. Paste it back into the editor, change the affected lines and export again. If you sign in you can also save the chart to the cloud and reopen it later.

Related