Graph Traversal Visualizer

An interactive tool to visualize Breadth-First Search (BFS) and Depth-First Search (DFS) on randomly generated graphs. Built using HTML, CSS, and JavaScript.

Features

Random graph generation based on user input (nodes and edges)
Visual tracing of BFS and DFS using color transitions
Displays BFS/DFS traversal trees
Adjacency list and matrix representation
Simple and responsive UI

Folder Structure

Graph_Traversal_Visualizer/
├── css/
├── images/
├── js/
├── adjacency_matrix.html
├── Adjlist.html
├── Bfs.html
├── components.html
├── Dfs.html
├── index.html
├── types.html
├── visualising.html
└── README.md

Technologies Used

HTML5
CSS3
JavaScript

Getting Started

Clone the repository:

git clone https://github.com/AnudeepikaKolluru/Graph_Traversal_Visualiser.git

2.Navigate to the project folder and open index.html in a web browser.

No extra setup or dependencies are needed.

Live Demo

Click here to view the project

Screenshots

Main Pages

Page 1	Page 2

Graph Generated

BFS Traversal

DFS Tree

Contributing

Contributions, issues, and feature requests are welcome! Feel free to fork this repo and submit a pull request.

Provide feedback