Graph Playground

Create and Experiment with Graphs

How to Use the Playground

Creating Graphs
  • Enter a name and click "Add Node" or leave blank for auto-generated name
  • Toggle Edge Mode ON, then click source node followed by target node
  • Or enter source and target node names and click "Add Edge"
  • Select a node or edge and click Delete to remove it
Algorithms
  • Enter a start node name for BFS/DFS
  • For Dijkstra, enter both start and end nodes
  • Use Reset Highlighting to clear algorithm visualizations
  • Change layouts using the dropdown menu
Managing Graphs
  • Save your graph to access it later
  • Load previously saved graphs
  • Import/Export graphs in JSON format
  • Toggle between Cytoscape (editor) and Force-Directed views

Graph Elements


Algorithms

Save & Load