A three-level hierarchy — the everyday tree diagram. Type a name per line, indent to nest.
Reporting lines with job titles rather than departments — one indent per level of management.
Square-one decision analysis: branch labels in [brackets] become edge labels, leaves are outcomes.
Probabilities in (parentheses) sit on each branch and multiply along every path — each leaf shows P = 0.25.
3 red and 2 blue marbles, drawing twice without replacement. Fractions like (3/5) work too.
Three generations, oldest at the top. For clinical genograms with standard symbols, use a genogram tool.
How cousins are related, drawn as descent from one common ancestor — every indent is one generation down.
“The cat sat on the mat” parsed as a constituency tree with the bare Linguist theme.
Nested clades from Vertebrata down to Human — every indent is one shared-ancestor split. Bare theme, no boxes.
Primate relationships from the order down to Hominini, with named clades at every branch point.
project
├── src
│ ├── components
│ │ ├── Button.jsx
│ │ └── Tree.jsx
│ └── index.js
├── public
│ └── favicon.ico
├── package.json
└── README.md
Text mode turns any outline into a copy-paste ASCII tree for READMEs, docs, and code comments.
Using these examples
Every example is plain text under the hood — the same indented outline you'd type yourself. Open in editor loads it into the tree diagram maker via the share link, so nothing is installed or saved until you start editing. From there you can switch modes (the marble tree makes a fine plain hierarchy; the org chart becomes a text tree), restyle with themes, and export as PNG, PDF, or copyable ASCII. For mode-specific guidance, see the decision tree, decision tree template, probability tree, hierarchy chart maker, cousin chart, text-to-tree, cladogram maker, and phylogenetic tree maker pages.