knowledge-graph-visualizer

To generate architecture diagrams, the skill transforms a codebase knowledge graph into Mermaid syntax. It reads the graph data to produce top-down layer diagrams for system understanding and project onboarding.

The best way to visualize codebase dependencies and data flow is by converting knowledge graphs into Mermaid diagrams. This approach illuminates module relationships and how data travels through the system.

To convert a knowledge graph into Mermaid syntax for documentation, a 6-step pipeline reads the graph and outputs docs/diagrams. It validates consistency while generating architecture and data-flow diagrams.

Generating architecture diagrams requires a knowledge graph file, such as .understand/knowledge-graph.json. The skill reads this specific format to map dependencies and produce valid Mermaid diagrams.

You can use Mermaid diagrams for project onboarding by transforming existing knowledge graphs. This converts hard-to-read graph data into readable architecture, dependencies, and data-flow visualizations.