Diagram and MicroSim Details

Total Visual Elements: 65 Diagrams: 3 MicroSims: 61

Chapter 1: Intro To Educational Microsims

Total elements: 8

AI-Assisted MicroSim Creation Workflow

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 1
• Difficulty: Medium

Animation Loop MicroSim

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 11
• Difficulty: Hard

Chapter Concepts Map

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 2
• Difficulty: Medium

Global MicroSim Revolution

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 0
• Difficulty: Hard

Interactive Debugging Practice MicroSim

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 19
• Difficulty: Hard

Learning Modality Effectiveness Chart

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 1
• Difficulty: Medium

MicroSim Anatomy

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 17
• Difficulty: Hard

MicroSim Library Ecosystem

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 0
• Difficulty: Medium

Chapter 2: Web Development Essentials

Total elements: 8

Browser Developer Tools Walkthrough

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 13
• Difficulty: Medium

CSS Box Model Interactive

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 12
• Difficulty: Hard

Flexbox Layout Playground

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 16
• Difficulty: Hard

Git Workflow Visualization

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 1
• Difficulty: Medium

GitHub Pages Deployment Workflow

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 1
• Difficulty: Medium

The Three Languages Working Together

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 0
• Difficulty: Medium

Vocabulary-Driven Problem Solving

• Type: Unknown
• Bloom's Taxonomy: Not specified
• UI Elements: 7
• Difficulty: Hard

p5.js Function Quick Reference

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 1
• Difficulty: Hard

Chapter 3: Getting Started With P5Js

Total elements: 5

Animation Loop Cycle

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 0
• Difficulty: Medium

FFT Microphone Audio Visualizer

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 11
• Difficulty: Hard

Processing and p5.js Evolution Timeline

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 0
• Difficulty: Easy

Spinning 3D Shapes MicroSim

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 4
• Difficulty: Hard

p5.js Coordinate System

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 4
• Difficulty: Medium

Chapter 4: Drawing Animation And Color

Total elements: 4

Interactive Color Wheel

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 8
• Difficulty: Medium

Personal Rainbow Generator MicroSim

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 21
• Difficulty: Hard

Shape Playground MicroSim

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 16
• Difficulty: Hard

Shape Rendering Order

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 6
• Difficulty: Medium

Chapter 5: Leveraging Generative Ai

Total elements: 3

Context Window Visualization MicroSim

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 8
• Difficulty: Medium

LLM Token Processing Flow

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 5
• Difficulty: Medium

Prompt Engineering Workflow

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 1
• Difficulty: Medium

Chapter 6: Microsim Architecture And Layout

Total elements: 4

Margin Visualization MicroSim

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 7
• Difficulty: Hard

MicroSim Architecture Overview

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 6
• Difficulty: Medium

Responsive Layout Playground

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 10
• Difficulty: Hard

Two-Column Layout Comparison

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 5
• Difficulty: Hard

Chapter 7: User Interface Controls And Events

Total elements: 5

Complete Control Panel MicroSim

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 13
• Difficulty: Hard

Event Handler Flow

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 6
• Difficulty: Medium

Mouse Event Demo MicroSim

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 5
• Difficulty: Medium

Parameter Adjustment MicroSim

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 8
• Difficulty: Hard

Slider Control Playground

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 27
• Difficulty: Medium

Chapter 8: Responsive Design Techniques

Total elements: 4

Complete Responsive Layout MicroSim

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 11
• Difficulty: Hard

Responsive Calculation Flowchart

• Type: Diagram
• Bloom's Taxonomy: Not specified
• UI Elements: 0
• Difficulty: Easy

Responsive vs Fixed Positioning MicroSim

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 8
• Difficulty: Hard

push/pop Coordinate Stack MicroSim

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 4
• Difficulty: Hard

Chapter 9: Blooms Taxonomy And Learning Objectives

Total elements: 6

Analyze Level Network Explorer

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 7
• Difficulty: Hard

Apply Level Circuit Simulator

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 11
• Difficulty: Hard

Bloom's Taxonomy Timeline

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 0
• Difficulty: Medium

Create Level Model Editor

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 7
• Difficulty: Hard

Interactive Bloom's Pyramid

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 6
• Difficulty: Hard

MicroSim Selection Flowchart

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 0
• Difficulty: Medium

Chapter 10: Charts Diagrams And Infographics

Total elements: 5

Chart Selection Flowchart

• Type: Diagram
• Bloom's Taxonomy: Not specified
• UI Elements: 0
• Difficulty: Easy

Interactive Bar Chart MicroSim

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 10
• Difficulty: Hard

Interactive Infographic MicroSim

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 8
• Difficulty: Hard

Mermaid Flowchart Example

• Type: Diagram
• Bloom's Taxonomy: Not specified
• UI Elements: 0
• Difficulty: Easy

Priority Matrix Bubble Chart

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 6
• Difficulty: Medium

Chapter 11: Maps Networks And Timeline Visualizations

Total elements: 3

Historical Timeline MicroSim

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 6
• Difficulty: Medium

Interactive Map MicroSim

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 8
• Difficulty: Hard

Interactive Org Chart MicroSim

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 8
• Difficulty: Hard

Chapter 12: Metadata Packaging And Quality

Total elements: 1

Quality Rubric Scorecard

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 9
• Difficulty: Hard

Chapter 13: Pedagogy Assessment And Accessibility

Total elements: 5

Cognitive Load Balance Visualization

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 12
• Difficulty: Medium

Device Support Testing Matrix

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 0
• Difficulty: Medium

Exploration Mode Selector

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 1
• Difficulty: Medium

PRIMM Cycle Interactive

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 9
• Difficulty: Hard

Sorter MicroSim Template

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 6
• Difficulty: Medium

Chapter 14: Professional Development And Capstone

Total elements: 4

Capstone Project Rubric Evaluator

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 10
• Difficulty: Hard

Collaboration Workflow

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 0
• Difficulty: Easy

MicroSim Concept Dependency Graph

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 2
• Difficulty: Medium

iframe Integration Architecture

• Type: Microsim
• Bloom's Taxonomy: Not specified
• UI Elements: 0
• Difficulty: Easy