Skip to content

Latest commit

 

History

History
17 lines (15 loc) · 1.63 KB

README.md

File metadata and controls

17 lines (15 loc) · 1.63 KB
Raw

LeetCode Tree Visualizer

Leetcode Tree Visualizer is a web-based tool designed to help users visualize binary trees in an interactive and intuitive way. Built using core JavaScript, HTML, CSS, and the Canvas API, this tool allows users to input tree data and generate a visual representation of the tree structure in the browser.

Tech Stack

  • HTML5: Structure and layout of the web interface.
  • CSS3: Styling, responsive design, and layout using Flexbox and Grid.
  • JavaScript (ES6+): Core logic, user interaction, and tree data processing.
  • Canvas API: Drawing and rendering the binary tree diagram.
  • Git: Version control and project hosting on GitHub.

🥁 Features

  1. Interactive Tree Input: Users can input tree data in a structured format (e.g., level order traversal) and generate a corresponding binary tree diagram with the click of a button.
  2. Real-Time Visualization: As users input data and click "Apply," the binary tree is instantly rendered on the canvas, providing immediate visual feedback.
  3. Customizable Node and Edge Styling: Users can adjust the appearance of the tree, including node colors, sizes, and edge thicknesses, to suit their preferences.
  4. Dynamic Resizing: The tree diagram automatically adjusts to fit within the canvas, ensuring the entire tree is visible regardless of its size.
  5. Error Handling and Validation: The tool includes basic input validation to ensure the tree data is correctly formatted, with error messages guiding users to correct any mistakes.
  6. Responsive Design: The interface is responsive and works smoothly on various screen sizes, making it accessible on both desktops and mobile devices.