Skip to content

zaidope/Computer_Networks_Graphs_Visualizer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

3 Commits
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“Š Graph Visualization Project

An interactive graph visualization tool that allows users to create graphs with re-adjustable number of nodes and their positions, select a source node, customize edge weights, and compute shortest paths using Dijkstra's, Bellman-Ford, and Floyd-Warshall algorithms. The project includes an intuitive drag-and-drop interface and a visual representation of graph traversal.


πŸš€ Features

  • Graph Creation: Add, remove, and connect nodes with weighted edges.
  • Interactive Visualization: Drag nodes and dynamically adjust edge weights.
  • Shortest Path Calculation:
    • βœ… Dijkstra's Algorithm
    • βœ… Bellman-Ford Algorithm
    • βœ… Floyd-Warshall Algorithm
  • Algorithm Comparison: View time complexities and step-by-step execution.
  • User-Friendly UI: Built using HTML, CSS, and JavaScript with a canvas-based visualization.

Graph Visualization Preview


πŸ›  Tech Stack

  • Frontend: HTML, CSS, JavaScript
  • Graph Rendering: Canvas API
  • Algorithms: JavaScript implementations of Dijkstra's, Bellman-Ford, and Floyd-Warshall

⚑ Installation & Setup

  1. Clone the repository:

    git clone <repository-url>
    cd graph-visualization
  2. Open the project:

    • Simply open index.html in your browser to run the visualization.

πŸ“œ Future Enhancements

  • βœ… More Graph Algorithms (Prim's, Kruskal's, A)*
  • βœ… Enhanced UI with Animations
  • βœ… Export Graph as JSON

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors