Concept List

Infographic
Interactive Infographic
Static Infographic
Animated Infographic
Intelligent Textbook
MicroSim
MicroSim Architecture
Iframe Element
Width-Responsive Design
Central Content Area
Drawing Canvas
Infobox
Infobox Positioning
Region
Named Region
Region Label
Hover Event
Click Event
Selection Event
Event Handler
Infographic Taxonomy
Educational Infographic
Analytical Infographic
Persuasive Infographic
Promotional Infographic
Linear Format
Hierarchical Format
Comparative Format
Circular Format
Radial Format
Minimalist Infographic
Detailed Infographic
Visual Complexity
Audience Targeting
Content Domain
List Diagram
Block List
Bullet List
Picture List
Grid List
Process Diagram
Process Arrows
Chevron Process
Timeline Diagram
Gear Process
Step Up Process
Cycle Diagram
Basic Cycle
Radial Cycle
Gear Cycle
Nested Cycle
Continuous Cycle
Hierarchy Diagram
Organization Chart
Table Hierarchy
Labeled Hierarchy
Relationship Diagram
Venn Diagram
Target Diagram
Radial Diagram
Matrix Diagram
Pyramid Diagram
Funnel Diagram
Picture Diagram
SmartArt Categories
Dan Roam Framework
Portrait Drawing
Chart Drawing
Map Drawing
Timeline Drawing
Flowchart Drawing
Multi-Variable Plot
Six W's Framework
SQVID Framework
Simple vs Elaborate
Qualitative vs Quantitative
Vision vs Execution
Individual vs Comparison
Delta vs Status Quo
Visual Problem Solving
Systems Thinking
Causal Loop Diagram
Circular Causality
Variable
Causal Link
Polarity Indicator
Positive Polarity
Negative Polarity
Reinforcing Loop
Balancing Loop
Loop Identifier
Feedback Loop
Vicious Cycle
Virtuous Cycle
Leverage Point
Unintended Consequence
CLD Best Practices
Overlayment Pattern
Overlay JSON File
Overlay Diagram Driver
Type 1 Rectangular
Non-Overlapping Regions
Rectangular Region
Region Extent Highlight
Type 2 Complex Polygon
Polygon Region
Multi-Edge Overlay
Polygon Edge Point
Type 3 Callout to Edge
Callout Point
Edge-Aligned Label
Numbered Indicator
Show Numbers Toggle
Type 4 Floating Label
Floating Label
Draggable Positioning
Edit Mode
p5.js Library
p5.js Setup Function
p5.js Draw Function
createCanvas
p5.js Event Handling
D3.js Library
Data-Driven Documents
D3 Selection
D3 Data Binding
Chart.js Library
Chart Type Selection
Bar Chart
Line Chart
Pie Chart
vis-network Library
Network Graph
Node
Edge
Leaflet Library
Geographic Infographic
Map Tile Layer
Library Selection
JavaScript Fundamentals
HTML Structure
CSS Styling
JSON Format
JSON Schema
CSV Format
Canvas Element
SVG Element
DOM Manipulation
MicroSim Directory
main.html File
index.md File
Dublin Core Metadata
metadata.json File
YAML Frontmatter
Title Metadata
Description Metadata
Quality Score
Social Preview Image
Open Graph Tags
Display Iframe
Copy-Paste Iframe
Fullscreen Link Button
p5.js Editor Link
MicroSim Quality Rubric
Standardization Checklist
Aliceblue Drawing Region
White Control Region
Silver Border
postMessage API
Iframe Height Reporting
Text-to-Image LLM
Base Image Generation
AI Overlay Generation
AI Code Generation
AI-Assisted Workflow
Prompt Engineering
AI Quality Review
Editorial Control
Concept to MicroSim
No-Code Tool
Low-Code Tool
xAPI Protocol
Experience API
Event Logging
Interaction Tracking
Student Engagement Data
Learning Analytics
Lesson Plan Section
References Section
MkDocs Material Theme
GitHub Pages Deployment
gh-deploy Command
Quality Assurance
Shared Library
Template MicroSim
Infographic Portfolio
Width-Responsive Testing
Color Consistency
Font Size Scaling
Reusable Overlay Schema
Data Visualization
Information Design
Visual Encoding
Color Palette
Tooltip
Hover Highlight
Click Feedback
Visual Hierarchy
Gestalt Principles
Proximity Principle
Contrast Principle
Alignment Principle
Repetition Principle
Cognitive Load Theory
Dual Coding Theory
Multimedia Learning
Mayer's Principles
Signaling Principle
Segmenting Principle
Spatial Contiguity
Learning Objective
Bloom's Taxonomy
Remember Level
Understand Level
Apply Level
Analyze Level
Evaluate Level
Create Level
Formative Assessment
Scaffolding
Knowledge Graph
Learning Path
Concept Dependency
Prerequisite Knowledge
Coordinate System
Pixel Coordinates
Relative Coordinates
Bounding Box
Hit Detection
Point-in-Polygon Test
Convex Polygon
Concave Polygon
Bezier Curve
Aspect Ratio
Viewport
Breakpoint
Media Query
Touch Event
Mouse Event
Pointer Device
Animation Loop
Frame Rate
State Management
Global Variable
Callback Function
Arrow Function
Template Literal
Destructuring
Spread Operator
Array Methods
Object Literal
CDN Script Loading
Module Import
Version Pinning
Cross-Origin Resource
Content Security Policy
Image Compression
PNG Format
WebP Format
Alt Text
Semantic HTML
ARIA Attribute
Keyboard Navigation
Tab Order
Screen Reader Support
High Contrast Mode
Markdown Format
MkDocs Build Process
mkdocs.yml Configuration
Navigation Structure
Site Search
Social Cards Plugin
Custom CSS Override
Admonition Block
Code Block
Mermaid Diagram
Git Version Control
GitHub Repository
Pull Request
GitHub Actions
Continuous Deployment
Branch Strategy
Embed Code
Sandbox Attribute
Same-Origin Policy
Cross-Origin Messaging
Local Development Server
Browser Developer Tools
Console Logging
Network Tab Debugging
Performance Profiling
Responsive Breakpoints
Mobile-First Design
Desktop Layout
Tablet Layout
Instructor Dashboard
Click Heatmap
Engagement Metrics
Session Duration
Completion Rate
A/B Testing
User Feedback Loop
Iterative Design
Usability Testing
Design Pattern
Observer Pattern
Factory Pattern
Configuration Object
Default Parameters
Error Handling
Graceful Degradation
Progressive Enhancement
Feature Detection
Polyfill
Stacked Bar Chart
Scatter Plot
Histogram
Area Chart
Donut Chart
Treemap Diagram
Sankey Diagram
Chord Diagram
Word Cloud
Gauge Chart
Sparkline
Dashboard Layout
Before-After Diagram
Side-by-Side Comparison
Decision Tree Diagram
Mind Map
Journey Map
Roadmap Diagram
Annotated Screenshot
Layered Infographic
Scrollytelling
Step Reveal
Zoom and Pan
Drill Down
Breadcrumb Navigation
Legend Design