tree-visualizer

KO | EN

gitlite — search

#javascript #hacktoberfest #react #ai #llm #go #deep-learning #linux #docker #java #windows #cli #security #openai

tree-visualizer

(★ 56)

A tree visualizer for better understanding data structures

tree-visualizer Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![Tree Visualizer](https://raw.githubusercontent.com/cassidoo/tree-visualizer/main/public/og.png)

[![Netlify Status](https://api.netlify.com/api/v1/badges/1b64e036-3c41-46d4-b662-99b3ced50cc6/deploy-status)](https://app.netlify.com/projects/tree-tool/deploys)

A tree visualizer tool for better understanding [tree data structures](<https://en.wikipedia.org/wiki/Tree_(abstract_data_type)>).

Use it to create trees of different sizes, navigate through them, and learn (or teach!) about nodes in trees.

## Usage

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 Nodes
- `Shift + 1-5` - Create 1-5 Nodes (or click to add)
- `Shift + Backspace` - Delete selected Node
- `Shift + P` - Toggle Pulse
- `Shift + F` - Toggle Feature (or double-click)
- `Shift + D` - Toggle Drilling arrow
- `Shift + I` - Toggle IDs
- `Shift + T` - Add Tag to Node
- `Shift + H` - Toggle Hide Node
- `Shift + S` - Save image of Tree

You can also hit the "Capture Tree" button to save an image of your tree!

### Credit

This tool is originally based on a teaching tool we used to use at [React Training](https://reacttraining.com)! Credit to [Brad Westfall](https://www.linkedin.com/in/bradwestfall-web/) there for his awesome work.

tree-visualizer

tree-visualizer Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

tree-visualizer

tree-visualizer Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README