Skip to content

Diagram and MicroSim Details

Total Visual Elements: 68 Diagrams: 1 MicroSims: 67

Chapter 1: Foundations Of Interactive Infographics

Total elements: 3

Event Handling Flow

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 2
  • Difficulty: Medium
  • Learning Objective: Explain the three-step event handling pattern (detect event, identify region, update display) that drives all interactive infographics....

Five Levels of Interactive Books

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 0
  • Difficulty: Medium
  • Learning Objective: Explain the four-file MicroSim architecture and how each file serves a distinct role in the packaging standard....

Infobox Positioning Comparison

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 11
  • Difficulty: Hard
  • Learning Objective: Compare the three infobox positioning strategies (below, side panel, floating tooltip) and two event modes (hover and click) and identify which is mos...

Chapter 2: Infographic Taxonomy And Classification

Total elements: 5

Audience Adaptation Comparison

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 13
  • Difficulty: Hard
  • Learning Objective: Compare how the same dataset is presented differently for three audience types (general public, professional, stakeholder) and explain why the differe...

Infographic Taxonomy Tree

  • Status: Specified
  • Type: Diagram
  • Bloom's Taxonomy: Not specified
  • UI Elements: 1
  • Difficulty: Easy
  • Learning Objective: Classify infographics by navigating the five dimensions of the taxonomy and understanding how each dimension contributes to design decisions....

Multi-Dimensional Classification Explorer

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 6
  • Difficulty: Hard
  • Learning Objective: Apply the five-dimension taxonomy to classify real-world infographic examples by selecting the correct value on each dimension....

Purpose Classification Sorter

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 2
  • Difficulty: Medium
  • Learning Objective: Classify example infographic descriptions into the correct purpose category (Educational, Analytical, Persuasive, Promotional)....
  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 1
  • Difficulty: Medium
  • Learning Objective: Compare the five structural formats (linear, hierarchical, comparative, circular, radial) by viewing visual examples and identifying the distinguishin...

Chapter 3: Presentation Slide Art Diagrams

Total elements: 6

Diagram Type Decision Tool

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 7
  • Difficulty: Medium
  • Learning Objective: Use the diagram type decision framework to select the best SmartArt category and subtype for a given content scenario....

Interactive Cycle Builder

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 8
  • Difficulty: Medium
  • Learning Objective: Construct a basic cycle diagram by adding labeled nodes and connecting them in sequence, demonstrating understanding of cycle structure....

Process Diagram Variants

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 3
  • Difficulty: Medium
  • Learning Objective: Compare the five process diagram subtypes by viewing their visual renderings side by side and explaining how each visual metaphor communicates a diffe...

Relationship Diagram Explorer

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 2
  • Difficulty: Medium
  • Learning Objective: Distinguish between the four relationship diagram subtypes (Venn, Target, Radial, Matrix) by examining their visual structures and identifying which i...
  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 2
  • Difficulty: Medium
  • Learning Objective: Identify the eight SmartArt categories by their visual thumbnail and name, building recognition of the standard diagram vocabulary....

SmartArt Category Matching Quiz

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 6
  • Difficulty: Medium
  • Learning Objective: Identify the correct SmartArt category for a given diagram description by matching descriptions to category names....

Chapter 4: Visual Problem Solving Frameworks

Total elements: 5

Framework Decision Pipeline

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 5
  • Difficulty: Medium
  • Learning Objective: Examine how the three frameworks (Six W's, Six Frameworks, SQVID) connect as a decision pipeline by tracing a communication scenario through all three...

SQVID Style Selector

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 15
  • Difficulty: Hard
  • Learning Objective: Apply the SQVID framework by adjusting five style sliders and observing how the combination of settings produces different visual styles appropriate f...
  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 3
  • Difficulty: Medium
  • Learning Objective: Compare the six visual frameworks by examining rendered examples of each and explaining when each is most appropriate....

Six W's Visual Matcher

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 4
  • Difficulty: Medium
  • Learning Objective: Explain the mapping between each of the Six W question types and its corresponding visual type by interacting with a visual reference card....

Visual Framework Matching Quiz

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 7
  • Difficulty: Hard
  • Learning Objective: Use the Six W's and Dan Roam's six visual frameworks to select the correct visual type for a given communication scenario....

Chapter 5: Causal Loop Diagrams And Systems Thinking

Total elements: 6

CLD Building Blocks Explorer

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 6
  • Difficulty: Medium
  • Learning Objective: Explain the three building blocks of a causal loop diagram (variables, causal links, polarity indicators) by interacting with each element and observi...

Interactive CLD Builder

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 14
  • Difficulty: Hard
  • Learning Objective: Construct a causal loop diagram by placing variables, drawing causal links with polarity indicators, and identifying the resulting loop types (reinfor...

Leverage Point and Unintended Consequence Explorer

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 12
  • Difficulty: Medium
  • Learning Objective: Examine a multi-loop causal loop diagram to identify leverage points and predict unintended consequences of interventions at different points in the s...

Reinforcing vs Balancing Loop Simulator

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 8
  • Difficulty: Very Hard
  • Learning Objective: Compare the dynamic behavior of reinforcing and balancing feedback loops by adjusting initial conditions and observing how each loop type drives syste...

School District Infographic Adoption CLD

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 9
  • Difficulty: Hard
  • Learning Objective: Assess the interactions between reinforcing and balancing loops in a realistic multi-loop CLD, identify the leverage point, and predict which loop wil...

Virtuous and Vicious Cycle Examples

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 12
  • Difficulty: Hard
  • Learning Objective: Classify reinforcing loops as virtuous or vicious cycles by examining the direction of change and its impact, and explain why the same loop structure ...

Chapter 6: Web Fundamentals Structure Style And Data

Total elements: 5

Canvas vs SVG Rendering Comparison

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 17
  • Difficulty: Hard
  • Learning Objective: Compare the Canvas and SVG rendering models by observing how each handles drawing, scaling, and interaction with the same set of shapes....

Coordinate System Explorer

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 9
  • Difficulty: Hard
  • Learning Objective: Use pixel and relative coordinate systems to place elements on a canvas, and convert between the two systems by observing how mouse position maps to b...

Hit Detection Playground

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 7
  • Difficulty: Hard
  • Learning Objective: Implement hit detection for rectangles, circles, and polygons by testing mouse positions against different region types and observing which algorithm ...

Iframe Security Model

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 8
  • Difficulty: Hard
  • Learning Objective: Explain how the browser's iframe security mechanisms (same-origin policy, CORS, postMessage, sandbox, CSP) interact to control what embedded infograph...

Web Fundamentals Architecture Overview

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 6
  • Difficulty: Medium
  • Learning Objective: Organize the web fundamentals covered in this chapter into a layered architecture diagram, showing how HTML, CSS, JavaScript, data formats, and securi...

Chapter 7: Web Fundamentals Javascript And Responsive Design

Total elements: 5

Browser DevTools Navigator

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 16
  • Difficulty: Hard
  • Learning Objective: Identify the key panels of browser developer tools (Console, Network, Performance, Elements) and recall what debugging information each panel provides...

Design Patterns in Infographic Architecture

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 3
  • Difficulty: Medium
  • Learning Objective: Differentiate between the Configuration Object, Observer, and Factory design patterns by examining how each one structures the data flow and component...

Infographic Development Workflow

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 6
  • Difficulty: Hard
  • Learning Objective: Summarize the end-to-end infographic development workflow by tracing the sequence from configuration setup through responsive deployment, identifying ...

JavaScript Modern Syntax Playground

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 14
  • Difficulty: Hard
  • Learning Objective: Use modern JavaScript features (arrow functions, template literals, destructuring, spread operator, array methods) by selecting a feature, viewing a b...

Responsive Layout Simulator

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 20
  • Difficulty: Very Hard
  • Learning Objective: Demonstrate how an infographic layout adapts to different viewport widths by adjusting a simulated viewport slider and observing how breakpoints trigg...

Chapter 8: Javascript Visualization Libraries

Total elements: 5

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 8
  • Difficulty: Hard
  • Learning Objective: Identify the 14 chart types covered in this chapter by viewing example renderings and recalling which data characteristics each chart type communicate...

Chart Type Selection Guide

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 9
  • Difficulty: Hard
  • Learning Objective: Differentiate between chart types by answering guided questions about data characteristics and communication goals, then seeing which chart type best ...

Educational Dashboard Builder

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 12
  • Difficulty: Hard
  • Learning Objective: Design an educational dashboard layout by selecting chart types, arranging them in a grid, and configuring each chart's data source to create a cohere...

Interactive Learning Graph Explorer

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 7
  • Difficulty: Hard
  • Learning Objective: Examine the dependency relationships between JavaScript visualization library concepts by navigating an interactive network graph, identifying prerequ...

Library Selection Flowchart

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 6
  • Difficulty: Hard
  • Learning Objective: Assess which JavaScript visualization library is the best match for a given infographic requirement by working through a structured decision flowchart...

Chapter 9: Overlayment Interactive Patterns

Total elements: 5

Overlay Type Comparison Side-by-Side

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 23
  • Difficulty: Very Hard
  • Learning Objective: Assess which overlay type is most appropriate for a given image by viewing the same diagram rendered with all four overlay types side-by-side and eval...

Type 1 Rectangular Overlay Demo

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 9
  • Difficulty: Hard
  • Learning Objective: Construct a Type 1 rectangular overlay by hovering over non-overlapping rectangular regions on a sample diagram and observing how region extent highli...

Type 2 Polygon Overlay Demo

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 7
  • Difficulty: Hard
  • Learning Objective: Implement a Type 2 complex polygon overlay by interacting with irregular polygon regions on an anatomical diagram and observing how the ray casting hi...

Type 3 Callout to Edge Demo

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 7
  • Difficulty: Hard
  • Learning Objective: Differentiate between edge-aligned label placement strategies (left, right, top, bottom) by interacting with a Type 3 callout overlay and observing ho...

Type 4 Floating Label with Edit Mode Demo

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 13
  • Difficulty: Hard
  • Learning Objective: Design a Type 4 floating label overlay by activating edit mode, dragging labels to optimal positions on a sample diagram, and exporting the resulting ...

Chapter 10: Microsim Standards And Packaging

Total elements: 3

MicroSim Directory Structure Explorer

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 9
  • Difficulty: Hard
  • Learning Objective: Identify the required files in a MicroSim directory and recall the purpose of each file (main.html, index.md, metadata.json, sketch.js) in the MicroSi...

MicroSim Quality Scorer

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 17
  • Difficulty: Hard
  • Learning Objective: Assess the quality of a MicroSim by scoring it against the quality rubric across six categories, producing a total quality score, and identifying spec...

MicroSim Visual Standards Explorer

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 12
  • Difficulty: Hard
  • Learning Objective: Explain the MicroSim visual layout standard by interacting with an annotated example that highlights the aliceblue drawing region, white control regio...

Chapter 11: Learning Science For Interactive Content

Total elements: 5

Bloom's Taxonomy MicroSim Matcher

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 16
  • Difficulty: Hard
  • Learning Objective: Differentiate between the six Bloom's Taxonomy levels by matching learning objectives to the correct level and selecting the most appropriate MicroSim...

Cognitive Load Balance Explorer

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 11
  • Difficulty: Hard
  • Learning Objective: Explain how the three types of cognitive load (intrinsic, extraneous, germane) compete for limited working memory capacity, and how design decisions s...

Infographic Design Principles Workflow

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 9
  • Difficulty: Hard
  • Learning Objective: Design an effective interactive infographic by following a structured workflow that applies learning science principles at each stage, from learning o...

Knowledge Graph Learning Path Explorer

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 12
  • Difficulty: Hard
  • Learning Objective: Examine a knowledge graph to identify concept dependencies, prerequisite knowledge chains, and optimal learning paths through a subset of the course c...

Mayer's Principles Interactive Comparison

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 20
  • Difficulty: Hard
  • Learning Objective: Apply Mayer's signaling, segmenting, and spatial contiguity principles by toggling each principle on and off in a sample infographic and observing how...

Chapter 12: Generative Ai For Infographic Creation

Total elements: 4

AI Image Generation Prompt Builder

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 25
  • Difficulty: Hard
  • Learning Objective: Construct effective text-to-image prompts for base illustration generation by selecting components from structured categories (subject, style, composi...

AI Quality Review Dashboard

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 12
  • Difficulty: Hard
  • Learning Objective: Assess the quality of an AI-generated MicroSim by systematically reviewing its content, functionality, and pedagogical alignment using a structured re...

AI-Assisted Workflow Evolution Timeline

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 7
  • Difficulty: Hard
  • Learning Objective: Examine the evolution of AI-assisted infographic creation from early template-based tools through current LLM-powered generation to projected future c...

Concept-to-MicroSim Workflow

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 9
  • Difficulty: Hard
  • Learning Objective: Describe the five stages of the concept-to-MicroSim AI-assisted workflow and explain what happens at each stage, including where human judgment is req...

Chapter 13: Advanced Visualization And Design Principles

Total elements: 7

Accessibility Audit Checklist

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 13
  • Difficulty: Hard
  • Learning Objective: Assess the accessibility compliance of a sample MicroSim by systematically evaluating it against a structured checklist covering alt text, semantic HT...

Advanced Interaction Pattern Showcase

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 13
  • Difficulty: Hard
  • Learning Objective: Compare four advanced interaction patterns (scrollytelling, step reveal, zoom-and-pan, drill-down with breadcrumbs) by experiencing each pattern appli...

Design Principles Synthesis Dashboard

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 19
  • Difficulty: Hard
  • Learning Objective: Design an interactive infographic layout by selecting and combining design principles (visual encoding, Gestalt principles, color palette, interaction...

Gestalt Principles Interactive Playground

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 19
  • Difficulty: Hard
  • Learning Objective: Apply the four Gestalt principles (proximity, contrast, alignment, repetition) to a set of visual elements by adjusting design parameters and observin...

Infographic Type Decision Tree

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 9
  • Difficulty: Hard
  • Learning Objective: Differentiate between infographic types (overlay, chart, network graph, timeline, mind map, decision tree, journey map) by navigating a decision tree ...

Interaction Feedback Patterns Demo

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 16
  • Difficulty: Hard
  • Learning Objective: Demonstrate the three primary interaction feedback patterns (tooltip, hover highlight, click feedback) by interacting with sample elements and observi...

Visual Encoding Channel Explorer

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 15
  • Difficulty: Hard
  • Learning Objective: Compare the effectiveness of different visual encoding channels (position, length, color, size, shape, angle) by viewing the same dataset rendered thr...

Chapter 14: Tracking Analytics And Deployment

Total elements: 4

CI/CD Deployment Pipeline

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 9
  • Difficulty: Hard
  • Learning Objective: Describe the continuous deployment pipeline for an intelligent textbook by tracing the flow from a content change through Git commit, push, GitHub Act...

Engagement Metrics Dashboard

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 7
  • Difficulty: Hard
  • Learning Objective: Examine simulated engagement metrics (click heatmaps, session duration distribution, completion rates, interaction sequences) for a sample set of inte...

Event Logging Flow Visualization

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 9
  • Difficulty: Hard
  • Learning Objective: Describe the flow of interaction events from a student's action through event capture, logging, transmission, and storage by stepping through a worked...

Infographic Lifecycle Wheel

  • Status: Specified
  • Type: Microsim
  • Bloom's Taxonomy: Not specified
  • UI Elements: 4
  • Difficulty: Hard
  • Learning Objective: Summarize the complete interactive infographic lifecycle by exploring a circular diagram showing all 9 stages from design through iteration, understan...