Learning Graph Viewer
An interactive visualization of the 200 concepts in the FFT Benchmarking course and their dependencies.
Features
Search Functionality
- Type-ahead search with dropdown results
- Shows category information for each concept
- Focuses and selects matching nodes in the visualization
Category Filtering
- Sidebar legend with color-coded taxonomy categories
- Checkboxes to show/hide specific groups
- "Check All" and "Uncheck All" bulk operations
- Collapsible sidebar for expanded viewing
Real-time Statistics
- Visible node count
- Visible edge count
- Foundational concept count
Interactive Visualization
- vis.js network graph with physics simulation
- Color-coded nodes by taxonomy category
- Directed edges showing concept dependencies
- Zoomable and draggable interface
Taxonomy Categories
| Category | Color | Concepts |
|---|---|---|
| Mathematical Foundations | MistyRose | 16 |
| Signal Processing | PeachPuff | 16 |
| Fourier Theory | LightYellow | 16 |
| FFT Algorithm | Honeydew | 24 |
| Hardware Platforms | PaleTurquoise | 16 |
| DSP Instructions | LightSteelBlue | 16 |
| Programming | Lavender | 16 |
| FFT Libraries | LavenderBlush | 12 |
| Benchmarking | Thistle | 18 |
| Performance Optimization | PaleGreen | 14 |
| Signal Pipeline | Aquamarine | 12 |
| Visualization & Applications | Plum | 24 |
Graph Statistics
- Total Concepts: 200
- Total Dependencies: 348 edges
- Foundational Concepts: 10 (no prerequisites)
- Maximum Chain Length: 15 concepts
Usage Tips
- Search: Start typing a concept name to find and focus on it
- Filter: Use the checkboxes to show only specific categories
- Navigate: Drag to pan, scroll to zoom
- Explore: Click a node to select it and see its connections