Skip to content

Visualize Red Black trees in an intuitive way. Open-source visualizer, among very few existing ones.

Notifications You must be signed in to change notification settings

Stefan3002/RBTree-Visualiser

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

RBTree Visualiser

An educational visualisation tool for Red-Black Tree operations.
Live Demo | GitHub Repo

Overview

RBTree Visualiser is a web-based application built with React and TypeScript that demonstrates Red-Black Tree operations with real-time, intuitive animations. This tool was developed to support university coursework and help students grasp the intricacies of balanced binary search trees.


✨ Features

  • 📥 Insert and remove nodes interactively
  • 🔄 Visualize rotations and color flips
  • 🔍 Step-by-step traversal (Inorder, Preorder, Postorder)
  • 🌐 Fully browser-based and mobile responsive

🛠 Technologies Used

  • React JS
  • TypeScript

🧑‍🏫 Use Cases

  • Teaching data structures in CS courses
  • Demonstrating self-balancing binary trees
  • Interactive learning for students and instructors
  • Competitive programming preparation

🚀 Getting Started

Requirements

  • Node.js (v14+ recommended)
  • npm or yarn

Installation

git clone https://github.com/Stefan3002/RBTree-Visualiser.git
cd RBTree-Visualiser
npm install
npm start

This will start a development server at http://localhost:3000.


📄 License

MIT License


📬 Contact

Maintainer: Ștefan Secrieru
GitHub: @Stefan3002

About

Visualize Red Black trees in an intuitive way. Open-source visualizer, among very few existing ones.

Topics

Resources

Stars

Watchers

Forks