Diagram and MicroSim Table
Total Visual Elements: 65 Diagrams: 3 MicroSims: 61
Summary by Difficulty
- Easy: 6
- Medium: 28
- Hard: 31
- Very Hard: 0
All Visual Elements
| Chapter | Element Title | Status | Type | Bloom Levels | UI Elements | Difficulty | Recommended MicroSims |
|---|---|---|---|---|---|---|---|
| 1 | AI-Assisted MicroSim Creation Workflow | Microsim | Not specified | 1 | Medium | ||
| 1 | Animation Loop MicroSim | Microsim | Not specified | 11 | Hard | ||
| 1 | Chapter Concepts Map | Microsim | Not specified | 2 | Medium | ||
| 1 | Global MicroSim Revolution | Microsim | Not specified | 0 | Hard | ||
| 1 | Interactive Debugging Practice MicroSim | Microsim | Not specified | 19 | Hard | ||
| 1 | Learning Modality Effectiveness Chart | Microsim | Not specified | 1 | Medium | ||
| 1 | MicroSim Anatomy | Microsim | Not specified | 17 | Hard | ||
| 1 | MicroSim Library Ecosystem | Microsim | Not specified | 0 | Medium | ||
| 2 | Browser Developer Tools Walkthrough | Microsim | Not specified | 13 | Medium | ||
| 2 | CSS Box Model Interactive | Microsim | Not specified | 12 | Hard | ||
| 2 | Flexbox Layout Playground | Microsim | Not specified | 16 | Hard | ||
| 2 | Git Workflow Visualization | Microsim | Not specified | 1 | Medium | ||
| 2 | GitHub Pages Deployment Workflow | Microsim | Not specified | 1 | Medium | ||
| 2 | The Three Languages Working Together | Microsim | Not specified | 0 | Medium | ||
| 2 | Vocabulary-Driven Problem Solving | Unknown | Not specified | 7 | Hard | ||
| 2 | p5.js Function Quick Reference | Microsim | Not specified | 1 | Hard | ||
| 3 | Animation Loop Cycle | Microsim | Not specified | 0 | Medium | ||
| 3 | FFT Microphone Audio Visualizer | Microsim | Not specified | 11 | Hard | ||
| 3 | Processing and p5.js Evolution Timeline | Microsim | Not specified | 0 | Easy | ||
| 3 | Spinning 3D Shapes MicroSim | Microsim | Not specified | 4 | Hard | ||
| 3 | p5.js Coordinate System | Microsim | Not specified | 4 | Medium | ||
| 4 | Interactive Color Wheel | Microsim | Not specified | 8 | Medium | ||
| 4 | Personal Rainbow Generator MicroSim | Microsim | Not specified | 21 | Hard | ||
| 4 | Shape Playground MicroSim | Microsim | Not specified | 16 | Hard | ||
| 4 | Shape Rendering Order | Microsim | Not specified | 6 | Medium | ||
| 5 | Context Window Visualization MicroSim | Microsim | Not specified | 8 | Medium | ||
| 5 | LLM Token Processing Flow | Microsim | Not specified | 5 | Medium | ||
| 5 | Prompt Engineering Workflow | Microsim | Not specified | 1 | Medium | ||
| 6 | Margin Visualization MicroSim | Microsim | Not specified | 7 | Hard | ||
| 6 | MicroSim Architecture Overview | Microsim | Not specified | 6 | Medium | ||
| 6 | Responsive Layout Playground | Microsim | Not specified | 10 | Hard | ||
| 6 | Two-Column Layout Comparison | Microsim | Not specified | 5 | Hard | ||
| 7 | Complete Control Panel MicroSim | Microsim | Not specified | 13 | Hard | ||
| 7 | Event Handler Flow | Microsim | Not specified | 6 | Medium | ||
| 7 | Mouse Event Demo MicroSim | Microsim | Not specified | 5 | Medium | ||
| 7 | Parameter Adjustment MicroSim | Microsim | Not specified | 8 | Hard | ||
| 7 | Slider Control Playground | Microsim | Not specified | 27 | Medium | ||
| 8 | Complete Responsive Layout MicroSim | Microsim | Not specified | 11 | Hard | ||
| 8 | Responsive Calculation Flowchart | Diagram | Not specified | 0 | Easy | ||
| 8 | Responsive vs Fixed Positioning MicroSim | Microsim | Not specified | 8 | Hard | ||
| 8 | push/pop Coordinate Stack MicroSim | Microsim | Not specified | 4 | Hard | ||
| 9 | Analyze Level Network Explorer | Microsim | Not specified | 7 | Hard | ||
| 9 | Apply Level Circuit Simulator | Microsim | Not specified | 11 | Hard | ||
| 9 | Bloom's Taxonomy Timeline | Microsim | Not specified | 0 | Medium | ||
| 9 | Create Level Model Editor | Microsim | Not specified | 7 | Hard | ||
| 9 | Interactive Bloom's Pyramid | Microsim | Not specified | 6 | Hard | ||
| 9 | MicroSim Selection Flowchart | Microsim | Not specified | 0 | Medium | ||
| 10 | Chart Selection Flowchart | Diagram | Not specified | 0 | Easy | ||
| 10 | Interactive Bar Chart MicroSim | Microsim | Not specified | 10 | Hard | ||
| 10 | Interactive Infographic MicroSim | Microsim | Not specified | 8 | Hard | ||
| 10 | Mermaid Flowchart Example | Diagram | Not specified | 0 | Easy | ||
| 10 | Priority Matrix Bubble Chart | Microsim | Not specified | 6 | Medium | ||
| 11 | Historical Timeline MicroSim | Microsim | Not specified | 6 | Medium | ||
| 11 | Interactive Map MicroSim | Microsim | Not specified | 8 | Hard | ||
| 11 | Interactive Org Chart MicroSim | Microsim | Not specified | 8 | Hard | ||
| 12 | Quality Rubric Scorecard | Microsim | Not specified | 9 | Hard | ||
| 13 | Cognitive Load Balance Visualization | Microsim | Not specified | 12 | Medium | ||
| 13 | Device Support Testing Matrix | Microsim | Not specified | 0 | Medium | ||
| 13 | Exploration Mode Selector | Microsim | Not specified | 1 | Medium | ||
| 13 | PRIMM Cycle Interactive | Microsim | Not specified | 9 | Hard | ||
| 13 | Sorter MicroSim Template | Microsim | Not specified | 6 | Medium | ||
| 14 | Capstone Project Rubric Evaluator | Microsim | Not specified | 10 | Hard | ||
| 14 | Collaboration Workflow | Microsim | Not specified | 0 | Easy | ||
| 14 | MicroSim Concept Dependency Graph | Microsim | Not specified | 2 | Medium | ||
| 14 | iframe Integration Architecture | Microsim | Not specified | 0 | Easy |