Skip to main content

​
Usage

devgraph studio

​
Description

Launches DevGraph Studio, an interactive web-based graph viewer at http://localhost:9111.

​
Features

Interactive Graph

Visualize service dependencies with React Flow.

Node Details

Click any node to view service info, commands, and dependencies.

Search

Find services quickly by name.

Type Filtering

Filter nodes by service type (node, nextjs, python, etc.).

​
Prerequisites

Before running Studio, build your graph: 
devgraph build docs/*.md
devgraph studio
Studio reads from .devgraph/graph.json.

​
Port

Studio runs on port 9111 by default.

​
Screenshot

Studio provides a clean, dark-themed interface for exploring your project architecture:
  • Left panel: Interactive graph with draggable nodes
  • Right panel: Selected service details
  • Top bar: Search and filter controls