Skip to content

visualization

1 post with the tag “visualization”

Visualizing Content with Starlight Site Graph

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

  • Nodes: Each page is a node in the graph.
  • Edges: Internal links connect the nodes.
  • Clusters: See which topics are heavily cross-referenced.
Terminal window
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.