Heap Visualizer

[shivam7147]

Description

Implemented a fully interactive Heap Visualizer using React + Tailwind CSS to demonstrate the working of Min Heap and Max Heap operations.
The visualizer supports insert, delete root, reset, and heap type toggle functionalities.

Each operation dynamically updates the heap with smooth node animations and color highlights to visualize swaps and heapify steps in real-time.

The heap logic is implemented in heap.js using modular functions for insert, deleteRoot, and heapify (both up and down).
The visualization layer is handled by HeapVisualizer.jsx, which maintains tree layout and renders the heap nodes dynamically.

This feature helps users understand how binary heaps maintain their ordering through each operation.

---

Semver Changes

• Patch (bug fix, no new features)
• Minor (new features, no breaking changes)
• Major (breaking changes)

---

Issues

Closes #67 — Added Heap Visualizer (Min/Max Heap) with full insert/delete/reset functionality and animations.

---

Checklist

• I have read the Contributing Guidelines.