Diagram and MicroSim Table
Total Visual Elements: 76 Diagrams: 0 MicroSims: 76
Summary by Difficulty
- Easy: 11
- Medium: 47
- Hard: 15
- Very Hard: 3
All Visual Elements
| Chapter | Element Title | Status | Type | Bloom Levels | UI Elements | Difficulty | Recommended MicroSims |
|---|---|---|---|---|---|---|---|
| 1 | Claude Code Workflow Diagram | Microsim | Not specified | 0 | Medium | ||
| 1 | Evolution of AI Approaches Timeline | Microsim | Not specified | 2 | Medium | ||
| 1 | Five Levels of Textbook Intelligence Visual Model | Microsim | Not specified | 0 | Easy | ||
| 1 | Interactive Learning Element Types Comparison | Microsim | Not specified | 1 | Medium | ||
| 1 | Prompt Engineering Iterative Refinement Workflow | Microsim | Not specified | 0 | Easy | ||
| 1 | Transformer Architecture Diagram | Microsim | Not specified | 2 | Medium | ||
| 2 | 4-Hour Token Window Visualization | Microsim | Not specified | 0 | Easy | ||
| 2 | Iterative Prompt Refinement Metrics | Microsim | Not specified | 0 | Medium | ||
| 2 | Skill File Anatomy Diagram | Microsim | Not specified | 1 | Medium | ||
| 2 | Skill Installation Locations and Priority | Microsim | Not specified | 0 | Medium | ||
| 2 | Skill Invocation and Execution Lifecycle | Microsim | Not specified | 1 | Medium | ||
| 2 | Skill Permission Matrix | Microsim | Not specified | 0 | Easy | ||
| 2 | Skills vs Commands Decision Tree | Microsim | Not specified | 0 | Easy | ||
| 3 | Bloom's Taxonomy 1956 vs 2001 Comparison | Microsim | Not specified | 0 | Medium | ||
| 3 | Bloom's Taxonomy Application Distribution in Quality Courses | Microsim | Not specified | 0 | Easy | ||
| 3 | Course Description Quality Impact on Workflow | Microsim | Not specified | 0 | Medium | ||
| 3 | Course Description Quality Rubric Visualization | Microsim | Not specified | 1 | Medium | ||
| 3 | Lower-Order vs Higher-Order Thinking Skills | Microsim | Not specified | 0 | Easy | ||
| 3 | Topic-to-Concept Expansion Example | Microsim | Not specified | 0 | Medium | ||
| 4 | DAG vs Cyclic Graph Comparison | Microsim | Not specified | 0 | Medium | ||
| 4 | Dependency Mapping Decision Tree | Microsim | Not specified | 0 | Easy | ||
| 4 | Dependency Pattern Examples | Microsim | Not specified | 0 | Medium | ||
| 4 | Learning Graph Structure Visualization | Microsim | Not specified | 1 | Medium | ||
| 4 | Token Consumption Timeline for Complete Textbook Project | Microsim | Not specified | 0 | Medium | ||
| 5 | CSV File Format Example with Validation | Microsim | Not specified | 0 | Medium | ||
| 5 | Concept Count by Course Duration | Microsim | Not specified | 0 | Medium | ||
| 5 | Concept Depth Distribution Analysis | Microsim | Not specified | 0 | Medium | ||
| 5 | Concept Granularity Spectrum Visualization | Microsim | Not specified | 0 | Medium | ||
| 5 | Concept Label Length Optimization | Microsim | Not specified | 0 | Medium | ||
| 5 | Concept Label Quality Checklist | Microsim | Not specified | 0 | Medium | ||
| 5 | ConceptID vs ConceptLabel Comparison | Microsim | Not specified | 0 | Medium | ||
| 5 | Dependency Mapping Workflow | Microsim | Not specified | 0 | Easy | ||
| 5 | Topic-to-Concept Expansion Process | Microsim | Not specified | 0 | Medium | ||
| 6 | Average Dependencies Distribution Bar Chart | Microsim | Not specified | 0 | Medium | chartjs-generator (98) microsim-p5 (70) mermaid-generator (25) |
|
| 6 | DAG Validation Algorithm Visualization | Microsim | Not specified | 0 | Medium | vis-network (98) mermaid-generator (85) microsim-p5 (75) |
|
| 6 | Learning Graph Quality Score Calculator MicroSim | Microsim | Not specified | 21 | Very Hard | microsim-p5 (92) chartjs-generator (65) vis-network (20) |
|
| 6 | Linear Chain vs Network Structure Comparison | Microsim | Not specified | 0 | Medium | vis-network (95) mermaid-generator (82) microsim-p5 (78) |
|
| 6 | Orphaned Nodes Identification Chart | Microsim | Not specified | 0 | Medium | chartjs-generator (97) bubble-chart-generator (80) microsim-p5 (72) |
|
| 6 | Taxonomy Distribution Pie Chart | Microsim | Not specified | 0 | Medium | chartjs-generator (98) microsim-p5 (68) venn-diagram-generator (15) |
|
| 7 | Adding Taxonomy to CSV Workflow Diagram | Microsim | Not specified | 0 | Medium | mermaid-generator (94) microsim-p5 (75) vis-network (45) |
|
| 7 | CSV to JSON Conversion Mapping Diagram | Microsim | Not specified | 0 | Medium | mermaid-generator (90) microsim-p5 (78) chartjs-generator (20) |
|
| 7 | Color Accessibility Checker MicroSim | Microsim | Not specified | 12 | Hard | microsim-p5 (95) chartjs-generator (25) vis-network (10) |
|
| 7 | Dublin Core Metadata Field Reference Card | Microsim | Not specified | 1 | Medium | microsim-p5 (85) chartjs-generator (15) |
|
| 7 | Learning Graph JSON Schema Diagram | Microsim | Not specified | 1 | Medium | mermaid-generator (92) microsim-p5 (70) vis-network (65) |
|
| 7 | Python Learning Graph Processing Pipeline | Microsim | Not specified | 4 | Hard | mermaid-generator (93) vis-network (70) microsim-p5 (72) |
|
| 8 | Admonition Types Interactive Reference | Microsim | Not specified | 5 | Hard | microsim-p5 (90) chartjs-generator (15) |
|
| 8 | Git Branching and Merging Visualization MicroSim | Microsim | Not specified | 13 | Hard | microsim-p5 (94) vis-network (82) mermaid-generator (75) |
|
| 8 | Material Theme Features Interactive Comparison | Microsim | Not specified | 5 | Hard | microsim-p5 (88) chartjs-generator (30) |
|
| 8 | MkDocs Build Process Workflow Diagram | Microsim | Not specified | 1 | Medium | mermaid-generator (95) microsim-p5 (70) vis-network (65) |
|
| 8 | MkDocs GitHub Pages Deployment Workflow | Microsim | Not specified | 1 | Medium | microsim-p5 (94) vis-network (82) mermaid-generator (75) |
|
| 9 | Git Workflow for Skill Development | Microsim | Not specified | 0 | Medium | mermaid-generator (95) microsim-p5 (72) vis-network (60) |
|
| 9 | Security Zones Diagram | Microsim | Not specified | 0 | Medium | mermaid-generator (94) microsim-p5 (75) vis-network (55) |
|
| 9 | Skill Directory Structure Diagram | Microsim | Not specified | 1 | Medium | mermaid-generator (93) vis-network (70) microsim-p5 (68) |
|
| 9 | Skill Package Contents Checklist | Microsim | Not specified | 1 | Medium | microsim-p5 (88) mermaid-generator (70) venn-diagram-generator (65) microsim-p5 (88) mermaid-generator (70) venn-diagram-generator (65) |
|
| 9 | Skill Testing Workflow Diagram | Microsim | Not specified | 2 | Medium | microsim-p5 (85) chartjs-generator (15) |
|
| 10 | Chapter Index File Structure Diagram | Microsim | Not specified | 1 | Medium | mermaid-generator (92) microsim-p5 (75) vis-network (50) |
|
| 10 | Chapter Organization Workflow Diagram | Microsim | Not specified | 0 | Medium | mermaid-generator (94) microsim-p5 (73) vis-network (55) |
|
| 10 | Content Generation Process Timeline | Microsim | Not specified | 0 | Easy | timeline-generator (98) chartjs-generator (70) microsim-p5 (75) |
|
| 10 | ISO 11179 Principles Comparison Table Infographic | Microsim | Not specified | 5 | Hard | microsim-p5 (94) chartjs-generator (30) vis-network (15) |
|
| 10 | Interactive Exercise Generator MicroSim | Microsim | Not specified | 21 | Hard | microsim-p5 (96) chartjs-generator (25) vis-network (15) |
|
| 10 | Worked Example: Determining Reading Level from Course Description | Microsim | Not specified | 4 | Hard | microsim-p5 (90) chartjs-generator (20) |
|
| 11 | Bloom's Taxonomy Distribution Analyzer Chart | Microsim | Not specified | 9 | Very Hard | chartjs-generator (96) microsim-p5 (75) venn-diagram-generator (25) |
|
| 11 | Command-Line Interface Basics Interactive Infographic | Microsim | Not specified | 9 | Hard | chartjs-generator (94) microsim-p5 (88) vis-network (30) |
|
| 11 | FAQ Question Pattern Analysis Workflow | Microsim | Not specified | 0 | Medium | mermaid-generator (95) vis-network (65) microsim-p5 (70) |
|
| 11 | Interactive Quiz Question Constructor MicroSim | Microsim | Not specified | 23 | Very Hard | microsim-p5 (97) chartjs-generator (20) vis-network (15) |
|
| 12 | Algorithm Visualization with Step Controls MicroSim | Microsim | Not specified | 24 | Hard | microsim-p5 (95) chartjs-generator (25) vis-network (15) |
|
| 12 | Basic MicroSim Template Structure | Microsim | Not specified | 8 | Hard | mermaid-generator (95) vis-network (65) microsim-p5 (68) |
|
| 12 | MicroSim Design Quality Checklist | Microsim | Not specified | 10 | Hard | microsim-p5 (96) chartjs-generator (15) vis-network (15) |
|
| 12 | MicroSim File Relationship Diagram | Microsim | Not specified | 0 | Easy | mermaid-generator (93) vis-network (75) microsim-p5 (72) |
|
| 12 | Responsive Iframe Embedding MicroSim | Microsim | Not specified | 16 | Hard | microsim-p5 (96) chartjs-generator (15) vis-network (15) |
|
| 12 | p5.js Architecture and Execution Model | Microsim | Not specified | 5 | Medium | mermaid-generator (94) microsim-p5 (85) vis-network (70) |
|
| 13 | Interactive Directory Navigation Practice MicroSim | Microsim | Not specified | 14 | Hard | microsim-p5 (94) vis-network (85) mermaid-generator (78) |
|
| 13 | Permission Bits Visual Infographic | Microsim | Not specified | 4 | Hard | microsim-p5 (85) chartjs-generator (15) |
|
| 13 | Skill Installation Workflow Diagram | Microsim | Not specified | 0 | Medium | timeline-generator (97) mermaid-generator (85) chartjs-generator (75) |
|
| 13 | Terminal Workflow for Textbook Development | Microsim | Not specified | 0 | Medium | mermaid-generator (95) microsim-p5 (73) vis-network (55) |
|
| 13 | VS Code Interface Layout for Textbook Development | Microsim | Not specified | 4 | Medium | microsim-p5 (80) mermaid-generator (50) |