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
- Install LangGraph Visualizer from VS Code Marketplace.
- Open a Python file with a LangGraph structure or create a new one.
- 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.
| |