Skip to content

MicroSims

This section contains interactive MicroSims covering topics in automating instructional design including learning objectives analysis, cognitive load theory, visualization paradigms, Bloom's Taxonomy, evaluation frameworks, and AI-assisted content generation. Each simulation allows students to explore instructional design concepts through hands-on experimentation and visualization.

  • Acceptance Test Matrix

    An interactive matrix for tracking MicroSim acceptance criteria across functional, pedagogical, technical, and assessment dimensions with pass/fail tracking and markdown export.

  • Accessibility Audit Workflow

    An interactive flowchart for conducting systematic accessibility audits on MicroSims, evaluating keyboard navigation, screen reader compatibility, color contrast, motion, and touch accessibility.

  • Accessible Control Layout

    An interactive diagram showing recommended MicroSim structure with proper accessibility for mouse, keyboard, and screen reader users.

  • AI Generation Workflow

    Interactive workflow showing the AI-assisted generation process for creating educational MicroSims.

  • Animation Control Guide

    A guide for implementing effective animation controls in MicroSims for optimal learning experiences.

  • Automated vs Human Evaluation Matrix

    An interactive 2x2 matrix that helps students distinguish evaluation criteria suitable for automation versus those requiring human judgment.

  • Bloom's Taxonomy MicroSim Types

    An interactive pyramid infographic showing appropriate MicroSim types for each level of Bloom's Taxonomy, with design considerations and case studies.

  • Bloom's Taxonomy

    Bloom's Taxonomy An interactive pyramid visualization of Bloom's Revised Taxonomy showing the six cognitive levels from Remember to Create with detailed hover information.

  • Bloom's Taxonomy Action Verb Wheel

    An interactive tool for selecting appropriate action verbs when writing learning objectives at different Bloom's Taxonomy levels.

  • Bloom's Taxonomy Pyramid

    An interactive visualization of Bloom's Taxonomy showing the six cognitive levels from Remember to Create, with hover descriptions and click-through examples.

  • Cause-Effect Display

    An interactive demonstration of the standard MicroSim structure with a control panel for input variables (causes) and a visualization area showing output effects (water state changes).

  • Chapter 1 Concept Map

    An interactive concept map showing the relationships between all 17 concepts covered in Chapter 1 - Foundations of Learning Objective Analysis.

  • Chart Type Selection Guide

    An interactive infographic that helps learners quickly identify the appropriate chart type based on their data characteristics and communication goals.

  • Classification Matrix

    An interactive 2x2 classification matrix where learners drag and drop items to classify them by two criteria - complexity and impact.

  • Claude Code Skills Architecture

    An interactive visualization of the Claude Code skills system architecture.

  • Cognitive Development Progression Chart

    Interactive chart showing cognitive development stages and their implications for instructional design.

  • Cognitive Load Meter

    An interactive meter visualization that demonstrates cognitive load theory by allowing learners to adjust instructional design parameters and observe real-time load calculations.

  • Cognitive Load Simulator

    An interactive simulator for experimenting with instructional design choices and visualizing their impact on intrinsic, extraneous, and germane cognitive load.

  • Cognitive Load Types

    An interactive visualization of the three types of cognitive load in learning contexts.

  • Color Blindness Simulator

    An interactive tool for testing MicroSim color schemes against various types of color blindness.

  • Concept Dependencies Graph

    An interactive directed acyclic graph showing concept dependencies with REQUIRES and SUPPORTS edge types, allowing users to explore prerequisite relationships.

  • Corporate Learning Module Workflow

    Interactive workflow for designing corporate training modules using MicroSims.

  • Design-Test-Refine Cycle

    An interactive visualization of the iterative design process for educational simulations.

  • Design Tradeoff Decision Tree

    An interactive decision tree that provides a systematic framework for making design tradeoff decisions, helping designers think through common choice points in educational simulation design.

  • Early Childhood MicroSim Pattern

    Design patterns and guidelines for creating MicroSims appropriate for early childhood learners.

  • Educational Technology Ecosystem

    An interactive network diagram showing the interconnected components of modern educational technology organized in concentric rings around the learner.

  • Edge Case Discovery Simulator

    An interactive simulation where students experiment with physics parameters to identify edge cases like negative gravity, oversized objects, and energy conservation violations.

  • Elementary Scaffolding Progression

    Interactive visualization of scaffolding strategies for elementary-level learners.

  • Engagement-Learning Tradeoff

    An interactive scatter plot exploring the relationship between engagement features and learning effectiveness, helping designers find the optimal balance.

  • Evaluation Rubric Builder

    An interactive tool for creating custom evaluation rubrics by selecting and weighting criteria from categories including Technical, Pedagogical, UX Design, and Domain-Specific considerations.

  • Learning Graph Viewer

    Interactive viewer for exploring learning graphs with search functionality and taxonomy legend controls.

  • Human-AI Collaboration Loop

    An interactive visualization of the human-AI collaboration workflow in instructional design.

  • Hypothesis Testing Interface

    An interactive interface for testing hypotheses about learning outcomes.

  • Information Density Spectrum

    Interactive visualization showing the spectrum of information density in educational content.

  • Intent Preservation Matrix

    An interactive hierarchical diagram showing how specification elements trace back to learning objectives, ensuring pedagogical intent is preserved throughout the design process.

  • Interaction Specification Template

    An interactive template for specifying MicroSim interactions and behaviors.

  • Interpretation Pitfalls in User Testing

    An interactive guide to common interpretation pitfalls when evaluating user testing results.

  • Intuition Testing

    An interactive tool for testing learner intuitions before and after MicroSim interactions.

  • Issue Identification Workflow

    An interactive decision tree with testing checkpoints for systematically finding and categorizing issues in generated MicroSim code, guiding users through syntax checks, load tests, visual inspection, functional testing, edge cases, specification review, and code quality assessment.

  • Iteration Dashboard

    An interactive dashboard for tracking MicroSim development iterations.

  • Learning Dependency Network

    An interactive vis-network visualization demonstrating how learning dependencies between concepts can be represented, showing prerequisites flowing to target learning objectives.

  • Learning Pathway Explorer

    An interactive visualization for exploring learning pathways through prerequisite dependencies. Mark concepts as known, see which concepts unlock, and trace valid paths to learning goals.

  • Math Relationship Explorer

    An interactive visualization for exploring the logistic function f(x) = L/(1 + e^(-k(x-x0))) with parameter manipulation, derivatives, integrals, and mathematical annotations.

  • Mental Model Formation

    An interactive visualization of how mental models form through learning experiences.

  • Metadata Search

    An interactive MicroSim database search tool demonstrating metadata filtering by subject, grade level, JavaScript library, and Bloom's Taxonomy level.

  • MicroSim Types by Bloom's Taxonomy

    Interactive mapping of MicroSim types to appropriate Bloom's Taxonomy levels.

  • MicroSim Generation Workflow

    An interactive visualization of the complete MicroSim generation workflow.

  • Misconception Catalog

    An interactive catalog of common misconceptions and strategies for addressing them in educational design.

  • Misconception Correction Cycle

    An interactive visualization of the cycle for identifying and correcting learner misconceptions.

  • Model Boundaries

    An interactive visualization of the boundaries and limitations of educational models.

  • Model Comparison Tool

    An interactive tool for comparing different instructional design models.

  • Objective Decomposition Tree

    An interactive visualization showing how compound learning objectives decompose into skill clusters and atomic concepts using a hierarchical tree structure.

  • Ohm's Law Circuit Simulator

    An interactive circuit simulator demonstrating Ohm's Law (V = IR) with animated current flow, adjustable voltage and resistance, and real-time calculations.

  • p5.js MicroSim Architecture

    An interactive visualization of the p5.js MicroSim architecture and component structure.

  • Page View Tracking vs Simulation Tracking

    Interactive comparison of traditional page view tracking versus detailed simulation interaction tracking.

  • Paradigm Affordance Matrix

    An interactive matrix showing how different visualization paradigms (Timeline, Map, Network, Chart, Flowchart) afford different learning interactions across Bloom's Taxonomy levels.

  • Parameter Space Explorer

    An interactive tool for exploring parameter spaces and system behaviors using the Lorenz chaotic system as an example. Features heat map visualization, attractor rendering, and exploration tracking.

  • Physics Simulation Architecture

    An interactive visualization of physics simulation architecture for educational applications.

  • Portfolio Project Components

    Interactive guide to components of a MicroSim development portfolio.

  • Prediction Prompt Interface

    An interactive interface for prompting learner predictions before revealing simulation outcomes.

  • Prerequisite vs Assumed Knowledge

    An interactive visualization showing the three layers of knowledge foundations - Assumed Knowledge, Prerequisite Knowledge, and New Content - and how they build upon each other.

  • Probability Concept Adaptation

    An interactive comparison showing how a single probability concept is adapted for seven different audience levels, from early childhood games to corporate decision tools.

  • Probability Tree Explorer

    An interactive probability tree visualization for understanding compound probabilities when drawing balls without replacement, demonstrating why probabilities multiply along branches.

  • Process Timeline

    An interactive process timeline showing the steps in an instructional design workflow. Click steps to highlight and view details, navigate with Previous/Next buttons.

  • Progressive Disclosure Demonstration

    An interactive demonstration of progressive disclosure techniques in educational interfaces.

  • Prompt Engineering Practices

    An interactive infographic providing a quick reference for crafting effective MicroSim generation prompts, organized into five expandable sections with good and bad examples.

  • Real-World Data Pattern MicroSim

    An interactive climate modeling MicroSim that compares simulation-generated data with real-world observations, teaching students to evaluate model accuracy and interpret authentic data patterns.

  • Relationship Graph Types

    An interactive visualization demonstrating different types of relationships that can be represented in educational knowledge graphs.

  • Responsive Breakpoint Testing

    An interactive visualization for evaluating MicroSim adaptability across device sizes, from desktop to mobile.

  • Rule Hierarchy Cascade

    An interactive visualization showing how rules cascade through organizational hierarchy levels and how conflicts are resolved using specificity.

  • Schema Formation Process

    An interactive visualization of how schemas form and evolve through learning experiences.

  • MicroSim Readiness Assessment

    An interactive decision tree flowchart to evaluate if a learning objective is suitable for MicroSim development, assessing interactivity, visualization, feedback, and scope criteria.

  • Traditional Simulation vs MicroSim Architecture

    Side-by-side comparison showing the differences between monolithic traditional simulations and modular MicroSim architecture.

  • SMART Learning Objectives Framework

    An interactive visualization of the SMART framework showing Specific, Measurable, Achievable, Relevant, and Time-bound components for writing effective learning objectives.

  • Sorting Algorithm Race

    An interactive race visualization comparing sorting algorithm performance.

  • Spatial Visualization Types

    An interactive guide showing six types of spatial visualizations - Geographic Map, Schematic Diagram, Floor Plan, Anatomical View, Network Topology, and 3D Model - with guidance on when to use each type.

  • Specification Quality Checklist

    An interactive checklist for evaluating the completeness and quality of MicroSim specifications before generation, covering educational foundation, visual design, interactivity, and technical details.

  • Split Attention Effect Demonstration

    An interactive demonstration of the split attention effect in learning materials.

  • Standardization Workflow

    Interactive flowchart showing the MicroSim standardization process for evaluating and upgrading quality scores.

  • State Machine Template

    An interactive template for designing state machines in educational simulations.

  • Success Criteria Validation Workflow

    Interactive workflow for validating MicroSim success criteria.

  • Think-Aloud Protocol

    An interactive guide to conducting think-aloud protocols for MicroSim evaluation.

  • Three-Lens Evaluation Model

    An interactive Venn diagram showing how Technical, Pedagogical, and UX evaluation dimensions interact to form a complete MicroSim quality assessment framework.

  • Venn Diagram Builder

    An interactive Venn diagram where learners drag and drop items into the correct regions to understand set relationships and classification.

  • Visual Description Completeness Checklist

    An interactive checklist that instructional designers can use to verify their visual descriptions include all essential components for MicroSim specifications.

  • Visualization Library Decision Tree

    An interactive decision tree that guides learners through selecting the appropriate JavaScript visualization library based on their content type and requirements.

  • Visualization Paradigm Selection

    An interactive decision tree helping learners identify which visualization paradigm (Timeline, Map, Network Graph, Chart, or Flowchart) best fits their content type.

  • Working Memory Architecture

    An interactive visualization of working memory architecture and its role in learning.

  • xAPI Data Flow

    An interactive visualization of xAPI data flow in learning analytics systems.

  • Zone of Proximal Development Visualization

    An interactive visualization of Vygotsky's Zone of Proximal Development showing three concentric learning zones with adjustable scaffolding level.