Visualizing Content with Starlight Site Graph

Jan 7, 2026

My Name

Content Creator

Ever wondered how your documentation pages connect to each other? starlight-site-graph generates an interactive graph of your site’s internal links.

What it shows

Nodes: Each page is a node in the graph.
Edges: Internal links connect the nodes.
Clusters: See which topics are heavily cross-referenced.

Integration

npm install starlight-site-graph

Add it to your plugins list. It typically adds a new page or component where you can view the graph.

import starlightSiteGraph from 'starlight-site-graph';

// ...
plugins: [
  starlightSiteGraph(),
],

This is fantastic for identifying isolated pages (orphans) or visualizing the “knowledge web” of your documentation.