Graph Visualizer

A web-based tool to visualize complex graphs interactively and in real-time.
Built using HTML, CSS, and JavaScript, this project allows you to input graph data and instantly see the corresponding graph visualization. You can also download your graph as a PNG image.

---

Features

• Real-time visualization: Automatically updates the graph as you type your input.
• Flexible input: Define nodes and edges simply by entering numbers.
• Download graph: Export your visualized graph as a PNG image.
• Responsive design: Works well on various screen sizes and devices.
• User-friendly interface: Clean and intuitive layout for easy use.

---

How to Use

1. In the Graph Input panel, enter your graph data line by line:
   • To define a node, enter a single number (e.g., 1).
   • To define an edge, enter two numbers separated by a space, representing source and destination nodes (e.g., 1 2).
2. The graph visualization will update automatically as you type.
3. Click the Download Graph button to save the graph as a PNG file.

---

Example Input