install-learning-graph-viewer

Install an interactive learning-graph viewer into your MkDocs project's /docs/sims/graph-viewer directory. The viewer displays nodes and edges from learning-graph.json with search, taxonomy filtering, and real-time statistics to explore concept dependencies in your intelligent textbook.

Ensure your MkDocs project has a /docs/learning-graph/learning-graph.json file containing metadata with a title field. The viewer requires this data structure to load and render your learning graph correctly.

Yes. The graph viewer provides node search, taxonomy-based filtering, and dynamic statistics showing visible node and edge counts. You can also identify orphaned nodes as you apply filters to analyze concept relationships.

The installation copies four frontend assets: main.html, script.js, local.css, and index.md into /docs/sims/graph-viewer. These files enable the interactive interface and load learning-graph data from ../../learning-graph/learning-graph.json.

Yes. The viewer integrates seamlessly with standard MkDocs project structure. It dynamically updates the main.html title to reflect your graph title and deploys as part of your MkDocs build without additional configuration.