Skip to content

Chapters

This textbook is organized into 14 chapters covering 350 concepts.

Chapter Overview

  1. Foundations of Interactive Infographics - Introduces core definitions including infographics, intelligent textbooks, MicroSims, iframes, regions, infoboxes, and event handling fundamentals.
  2. Interactive Infographic Taxonomy and Classification - Classifies interactive infographics by purpose, format, complexity, medium, and audience targeting.
  3. Presentation Slide Art Diagrams - Covers SmartArt-style diagram types: list, process, cycle, hierarchy, relationship, pyramid, funnel, matrix, and picture diagrams.
  4. Visual Problem-Solving Frameworks - Explores Dan Roam's six visual frameworks, the Six W's framework, and the SQVID decision framework.
  5. Causal Loop Diagrams and Systems Thinking - Introduces systems thinking, circular causality, feedback loops, polarity, and CLD best practices.
  6. Web Fundamentals: Structure, Style, and Data - Covers HTML, CSS, JSON/CSV data formats, Canvas/SVG elements, DOM manipulation, coordinate systems, and iframe security.
  7. Web Fundamentals: JavaScript and Responsive Design - Covers JavaScript language features, responsive design patterns, animation, debugging tools, and design patterns.
  8. JavaScript Visualization Libraries - Explores p5.js, D3.js, Chart.js, vis-network, and Leaflet with specific chart types and library selection criteria.
  9. Overlayment Interactive Patterns - Details the four overlay types: rectangular, polygon, callout-to-edge, and floating label patterns.
  10. MicroSim Standards and Packaging - Covers MicroSim directory structure, Dublin Core metadata, quality scoring, iframe embedding, and deployment.
  11. Learning Science for Interactive Content - Applies cognitive load theory, multimedia learning principles, Bloom's Taxonomy, scaffolding, and assessment design.
  12. Generative AI for Infographic Creation - Covers AI-assisted workflows from concept to deployable MicroSim using text-to-image and code generation.
  13. Advanced Visualization and Design Principles - Explores visual encoding, Gestalt principles, accessibility, and advanced interaction patterns.
  14. Tracking, Analytics, and Deployment - Covers xAPI event logging, learning analytics, MkDocs deployment, GitHub Pages, and CI/CD workflows.

How to Use This Textbook

Chapters are sequenced so that each chapter builds on concepts from earlier chapters. Foundational concepts in Chapters 1-5 provide the design vocabulary needed for the technical implementation chapters (6-10). Chapters 11-14 cover cross-cutting concerns like learning science, AI workflows, advanced techniques, and deployment.

Note: Each chapter includes a list of concepts covered. Make sure to complete prerequisites before moving to advanced chapters.