Learning Graph Viewer
An interactive visualization of the concepts in the Benchmarking FFT course and their dependencies.
Open Learning Graph Viewer Fullscreen
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 | 31 |
| Signal Processing | PeachPuff | 40 |
| Fourier Theory | LightYellow | 38 |
| FFT Algorithm | Honeydew | 50 |
| Hardware Platforms | PaleTurquoise | 29 |
| DSP Instructions | LightSteelBlue | 19 |
| Programming | Lavender | 28 |
| FFT Libraries | LavenderBlush | 12 |
| Benchmarking | Thistle | 44 |
| Performance Optimization | PaleGreen | 42 |
| Signal Pipeline | Aquamarine | 23 |
| Visualization and Applications | Plum | 42 |
| Development Environment | Gainsboro | 22 |
| Microcontroller I/O | LightCyan | 28 |
| Audio and Acoustics | Moccasin | 34 |
| Assembly Programming | LightPink | 52 |
| Laboratory Method | Khaki | 40 |
Graph Statistics
- Total Concepts: 574
- Total Dependencies: 874 edges
- Foundational Concepts: 14 (no prerequisites)
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