§04·2026·Companion tool to thesisDemo live soon
GraphRAG Visualizer
Inspect the knowledge graph behind a GraphRAG pipeline, interactively.
Summary
An interactive web app for exploring the knowledge graph extracted by the GraphRAG pipeline — hierarchical layout, animated edges, sidebar metadata inspector, and a MiniMap for large graphs.
The problem
GraphRAG pipelines are opaque. You can read the answer but you can't see which nodes it came from. Visualizing the graph turns the assistant into a tool you can debug.
Approach
- 01Backend serves the graph; frontend renders with React Flow.
- 02dagre lays out File→Class→Function hierarchies legibly.
- 03Edges animate per relation; clicking a node opens metadata.
Highlights
- ·Hierarchical layout via dagre for legibility on 5k+ nodes
- ·Color-coded node types (File, Class, Function, Concept)
- ·Animated edges by relation type (CONTAINS, CALLS, IMPORTS, ...)
- ·Sidebar inspector for full node metadata