A tree visualizer tool for better understanding tree data structures.
Use it to create trees of different sizes, navigate through them, and learn (or teach!) about nodes in trees.
Each circle is a Node and can be selected a click (and moved around with a drag-and-drop), or with the following:
Shift + ▲ ▼ ► ◄ or HKJL- Move selection between NodesShift + 1-5- Create 1-5 Nodes (or click to add)Shift + Backspace- Delete selected NodeShift + P- Toggle PulseShift + F- Toggle Feature (or double-click)Shift + D- Toggle Drilling arrowShift + I- Toggle IDsShift + T- Add Tag to NodeShift + H- Toggle Hide NodeShift + S- Save image of Tree
You can also hit the "Capture Tree" button to save an image of your tree!
This tool is originally based on a teaching tool we used to use at React Training! Credit to Brad Westfall there for his awesome work.