A web-based tool for visualizing the structure and operations of D-ary heaps using Graphviz and a level-by-level array representation.
This repository will stay in sync with your deployed chats on v0.dev. Any changes you make to your deployed app will be automatically pushed to this repository from v0.dev.
Your project is live at:
https://vercel.com/jadson-goulart-de-matos-projects/v0-d-ary-heap-visualization
- Visualize D-ary Heaps: See the tree structure of a D-ary heap (Min or Max) with adjustable branching factor (d).
- Interactive Operations: Perform common heap operations like Insertion and Extraction with animations.
- Heapify: Visualize the heapify process on a given set of elements.
- Random Heap Generation: Quickly generate a random heap for visualization.
- Multiple Visualizations: View the heap as a Graphviz tree, a level-by-level array representation, and a simple array list.
- Operation Log: Keep track of the operations performed on the heap.
- Clear Heap: Reset the visualizer.
- React: A JavaScript library for building user interfaces.
- Next.js: A React framework for server-side rendering and static site generation.
- TypeScript: A typed superset of JavaScript that compiles to plain JavaScript.
- Tailwind CSS: A utility-first CSS framework for rapid styling.
- Radix UI: A collection of accessible, customizable UI components.
- Graphviz (
@hpcc-js/wasm): Used for generating the tree structure visualization of the heap from DOT language.
To run this project locally, follow these steps:
- Clone the repository:
Your project is live at:
https://vercel.com/jadson-goulart-de-matos-projects/v0-d-ary-heap-visualization
Continue building your app on:
https://v0.dev/chat/projects/E9WgTyc5OuQ
- Create and modify your project using v0.dev
- Deploy your chats from the v0 interface
- Changes are automatically pushed to this repository
- Vercel deploys the latest version from this repository