English | 中文

LangGraph Visualizer

LangGraph Visualizer is a VS Code extension for visualizing and manipulating LangGraph structures directly within your coding environment.

Features

• Interactive graph visualization and manipulation
• Real-time updates reflecting code changes
• Automatic vertical or horizontal layout organization
• New graph template for quick project starts
• Seamless Python file integration

Getting Started

1. Install LangGraph Visualizer from VS Code Marketplace.
2. Open a Python file with a LangGraph structure or create a new one.
3. Use the command palette (Ctrl+Shift+P or Cmd+Shift+P) to "Open LangGraph Visualizer" or "New LangGraph".

Usage

• Visualize and edit existing graphs or create new ones
• Modify graph structure visually or via Python code
• Rearrange layout with "Vertical" or "Horizontal" buttons
• Add new nodes with the "Add Node" button
• Use standard VS Code save shortcut (Cmd + S / Ctrl + S) to update the visualization

Tip

Ensure your file is saved to see changes reflected in the graph visualization.

Requirements

• Visual Studio Code 1.60.0+
• Python 3.7+

Feedback and Contributions

We welcome your input! Please visit our GitHub repository for issues and pull requests.

License

This project is under the MIT License. See the LICENSE file for details.