Learning Graph Viewer
This viewer reads learning graph data from learning-graph.json and displays all 275 concepts and 496 dependency edges as an interactive network.
Features
Search
- Type-ahead search for concept names
- Displays matching results in a dropdown
- Shows concept category in results
- Clicking a result focuses and highlights the node on the graph
Taxonomy Legend with Checkboxes
- Sidebar legend with all 15 concept categories
- Toggle visibility of entire concept groups
- Color-coded categories matching the graph
- "Check All" and "Uncheck All" buttons for bulk operations
- Collapsible sidebar to maximize graph viewing area
Graph Statistics
Real-time statistics that update as you filter:
- Nodes: Count of visible concepts
- Edges: Count of visible dependency edges
- Orphans: Concepts with no connections (indicates graph needs editing)
Usage Tips
- Hide a category - Uncheck a category in the sidebar to hide all concepts in that group
- Search within visible nodes - Use search to quickly find specific concepts
- Focus on a topic - Uncheck all categories, then check only the ones you want to study
- Collapse sidebar - Click the menu button to hide the sidebar and expand the graph view
- Explore dependencies - Click a concept to see what it depends on and what depends on it