---
source: https://www.jointjs.com/demos/tree-builder
github: https://raw.githubusercontent.com/clientIO/joint-demos/main/tree-builder/README.md
generated: 2026-03-29
format: plaintext
---

JointJS+: Tree Builder <a href="https://www.jointjs.com/jointjs-plus"><img src="../jointjs-plus-badge.svg" alt="JointJS+" width="123" align="right" /></a>

How to create a tree graph with buttons for adding new members to each branch? What if the buttons are just JointJS elements? How would you configure the TreeLayoutView to prevent the user from dropping nodes after the add buttons? Take a look at the demo below.

This demo is also available online at jointjs.com.

Available Versions

JavaScript

Screenshot

!screenshot