tools-only Details Tag Content Analysis
This report analyzes all <details> tags (both old and new markdown="1" format) in the textbook chapters to categorize visualization types and prioritize skill development.
Summary Statistics
- Total
<details>tags: 76 - Unique visualization types: 9
Visualization Type Distribution
| Type | Count | Percentage |
|---|---|---|
| diagram | 23 | 30.3% |
| workflow | 16 | 21.1% |
| infographic | 11 | 14.5% |
| chart | 9 | 11.8% |
| microsim | 8 | 10.5% |
| markdown-table | 4 | 5.3% |
| timeline | 3 | 3.9% |
| unknown | 1 | 1.3% |
| graph-model | 1 | 1.3% |
Priority Matrix for Skill Development
Prioritization based on Impact (frequency of use) vs. Effort (similarity to existing MicroSims).
Priority Scores
| Rank | Type | Count | Impact (0-10) | Effort (0-10) | Priority Score | Status |
|---|---|---|---|---|---|---|
| 1 | microsim | 8 | 3.5 | 0 | 3.48 | ✅ Exists |
| 2 | diagram | 23 | 10 | 4 | 2.5 | 🔨 Build |
| 3 | infographic | 11 | 4.8 | 2 | 2.39 | 🔨 Build |
| 4 | workflow | 16 | 7.0 | 6 | 1.16 | 🔨 Build |
| 5 | chart | 9 | 3.9 | 5 | 0.78 | 🔨 Build |
| 6 | graph-model | 1 | 0.4 | 1 | 0.43 | 🔨 Build |
| 7 | markdown-table | 4 | 1.7 | 5 | 0.35 | 🔨 Build |
| 8 | timeline | 3 | 1.3 | 7 | 0.19 | 🔨 Build |
| 9 | unknown | 1 | 0.4 | 5 | 0.09 | 🔨 Build |
Interpretation
- Impact: Higher values indicate more instances of this visualization type across chapters
- Effort: Higher values indicate more development effort required (less similar to existing MicroSims)
- Priority Score: Impact/Effort ratio - higher scores suggest better ROI for skill development
Visual Priority Matrix
Impact (Frequency)
↑
10 │
9 │
8 │
7 │
6 │
5 │
4 │
3 │
2 │
1 │
0 └──────────────────────────────────────────────────→ Effort (Dissimilarity)
0 1 2 3 4 5 6 7 8 9 10
[0, 3]: microsim (n=8)
[4, 10]: diagram (n=23)
[2, 4]: infographic (n=11)
[6, 7]: workflow (n=16)
[5, 3]: chart (n=9)
[1, 0]: graph-model (n=1)
[5, 1]: markdown-table (n=4)
[7, 1]: timeline (n=3)
[5, 0]: unknown (n=1)
Quadrant Analysis
High Impact, Low Effort (Priority 1):
- diagram (Impact: 10, Effort: 4, Count: 23)
High Impact, High Effort (Priority 2):
- workflow (Impact: 7.0, Effort: 6, Count: 16)
Low Impact, Low Effort (Priority 3):
- microsim (Impact: 3.5, Effort: 0, Count: 8)
- infographic (Impact: 4.8, Effort: 2, Count: 11)
- chart (Impact: 3.9, Effort: 5, Count: 9)
- graph-model (Impact: 0.4, Effort: 1, Count: 1)
- markdown-table (Impact: 1.7, Effort: 5, Count: 4)
- unknown (Impact: 0.4, Effort: 5, Count: 1)
Low Impact, High Effort (Priority 4):
- timeline (Impact: 1.3, Effort: 7, Count: 3)
Detailed Breakdown by Type
Diagram (23 instances)
Chapter: Introduction to AI and Intelligent Textbooks
Summary: Transformer Architecture Diagram
Purpose: Illustrate the key components of the transformer architecture underlying LLMs
Chapter: Introduction to AI and Intelligent Textbooks
Summary: Five Levels of Textbook Intelligence Visual Model
Purpose: Illustrate the progression from static to AI-powered textbooks with cumulative capabilities
Chapter: Getting Started with Claude and Skills
Summary: Skill File Anatomy Diagram
Purpose: Illustrate the structure of a SKILL.md file with labeled components
Chapter: Getting Started with Claude and Skills
Summary: Skill Installation Locations and Priority
Purpose: Show where skills can be installed and which location takes precedence
Chapter: Course Design and Educational Theory
Summary: Topic-to-Concept Expansion Example
Purpose: Illustrate how main topics expand into concept enumerations in learning graphs
Chapter: Course Design and Educational Theory
Summary: Bloom's Taxonomy 1956 vs 2001 Comparison
Purpose: Show the structural differences between original and revised taxonomies
Chapter: Course Design and Educational Theory
Summary: Lower-Order vs Higher-Order Thinking Skills
Purpose: Show the division between lower-order (Remember, Understand, Apply) and higher-order (Analyze, Evaluate, Create) cognitive skills
Chapter: Introduction to Learning Graphs
Summary: Dependency Pattern Examples
Purpose: Illustrate common patterns of dependencies in learning graphs
Chapter: Introduction to Learning Graphs
Summary: DAG vs Cyclic Graph Comparison
Purpose: Contrast valid DAG learning graph with invalid cyclic graph
Chapter: Concept Enumeration and Dependencies
Summary: Concept Granularity Spectrum Visualization
Purpose: Illustrate the spectrum from too coarse to too fine with examples
Chapter: Learning Graph Quality and Validation
Summary: DAG Validation Algorithm Visualization
Purpose: Illustrate the three-color DFS algorithm used for cycle detection in learning graphs
Chapter: Learning Graph Quality and Validation
Summary: Linear Chain vs Network Structure Comparison
Purpose: Compare linear chain structure (poor) with network structure (good) for learning graphs
Chapter: Taxonomy and Data Formats
Summary: Learning Graph JSON Schema Diagram
Purpose: Visualize the hierarchical structure of the learning graph JSON format
Chapter: Taxonomy and Data Formats
Summary: CSV to JSON Conversion Mapping Diagram
Purpose: Show how CSV columns map to JSON structure during conversion
Chapter: Taxonomy and Data Formats
Summary: Python Learning Graph Processing Pipeline
Purpose: Show the complete data flow from CSV creation through JSON visualization
Chapter: Claude Skills Architecture and Development
Summary: Skill Directory Structure Diagram
Purpose: Illustrate the standard directory organization for a Claude Skill
Chapter: Claude Skills Architecture and Development
Summary: Security Zones Diagram
Purpose: Illustrate the security boundaries and permission levels for skill execution
Chapter: Content Creation Workflows
Summary: Chapter Index File Structure Diagram
Purpose: Visualize the hierarchical structure and required elements of a chapter index.md file
Chapter: Interactive Elements and MicroSims
Summary: p5.js Architecture and Execution Model
Purpose: Illustrate the execution flow of a p5.js sketch and how setup, draw, and event handlers interact
Chapter: Interactive Elements and MicroSims
Summary: MicroSim File Relationship Diagram
Purpose: Show how the three core MicroSim files relate to each other and integrate into the MkDocs textbook
Chapter: Interactive Elements and MicroSims
Summary: Basic MicroSim Template Structure
Purpose: Show the HTML structure and organization of a typical main.html file
Chapter: Development Tools, Version Control, and Deployment
Summary: VS Code Interface Layout for Textbook Development
Purpose: Show the VS Code interface configured for intelligent textbook authoring
Chapter: Development Tools, Version Control, and Deployment
Summary: Skill Installation Workflow Diagram
Purpose: Show the relationship between project skills directory, global skills directory, and Claude Code's skill discovery
Workflow (16 instances)
Chapter: Introduction to AI and Intelligent Textbooks
Summary: Claude Code Workflow Diagram
Purpose: Show how Claude Code integrates with development environment for textbook creation
Chapter: Introduction to AI and Intelligent Textbooks
Summary: Prompt Engineering Iterative Refinement Workflow
Purpose: Show the iterative process of developing effective prompts for educational content generation
Chapter: Getting Started with Claude and Skills
Summary: Skill Invocation and Execution Lifecycle
Purpose: Illustrate what happens when a skill is invoked from command to completion
Chapter: Getting Started with Claude and Skills
Summary: Skills vs Commands Decision Tree
Purpose: Help users decide whether to create a skill or command for their use case
Chapter: Course Design and Educational Theory
Summary: Course Description Quality Impact on Workflow
Purpose: Show how course description quality affects subsequent skill outputs
Chapter: Introduction to Learning Graphs
Summary: Dependency Mapping Decision Tree
Purpose: Guide users in determining whether concept A should be prerequisite to concept B
Chapter: Concept Enumeration and Dependencies
Summary: Topic-to-Concept Expansion Process
Purpose: Show how a single course topic expands into multiple atomic concepts
Chapter: Concept Enumeration and Dependencies
Summary: Dependency Mapping Workflow
Purpose: Show step-by-step process for mapping concept dependencies
Chapter: Taxonomy and Data Formats
Summary: Adding Taxonomy to CSV Workflow Diagram
Purpose: Show the step-by-step process of adding taxonomy information to an existing learning graph CSV
Chapter: MkDocs Platform and Documentation
Summary: MkDocs Build Process Workflow Diagram
Purpose: Illustrate the MkDocs build pipeline from source markdown to deployed HTML site
Chapter: MkDocs Platform and Documentation
Summary: MkDocs GitHub Pages Deployment Workflow
Purpose: Show the complete workflow from local markdown editing to published GitHub Pages site
Chapter: Claude Skills Architecture and Development
Summary: Skill Testing Workflow Diagram
Purpose: Show the iterative process of skill development, testing, and refinement
Chapter: Claude Skills Architecture and Development
Summary: Git Workflow for Skill Development
Purpose: Illustrate the typical Git workflow for developing and publishing a skill
Chapter: Content Creation Workflows
Summary: Chapter Organization Workflow Diagram
Purpose: Illustrate the decision-making process for organizing content within a chapter
Chapter: Educational Resources and Assessment
Summary: FAQ Question Pattern Analysis Workflow
Purpose: Illustrate the systematic process of identifying common student questions from course materials and learning analytics
Chapter: Development Tools, Version Control, and Deployment
Summary: Terminal Workflow for Textbook Development
Purpose: Illustrate the typical terminal command sequence for developing and deploying textbook content
Infographic (11 instances)
Chapter: Course Design and Educational Theory
Summary: Course Description Quality Rubric Visualization
Purpose: Present the quality scoring rubric in visual, interactive format
Chapter: Concept Enumeration and Dependencies
Summary: Concept Label Quality Checklist
Purpose: Provide visual checklist for validating concept labels
Chapter: Taxonomy and Data Formats
Summary: Dublin Core Metadata Field Reference Card
Purpose: Create a visual reference guide for all Dublin Core metadata fields used in learning graphs
Chapter: MkDocs Platform and Documentation
Summary: Material Theme Features Interactive Comparison
Purpose: Compare standard MkDocs theme with Material theme features through interactive panels
Chapter: MkDocs Platform and Documentation
Summary: Admonition Types Interactive Reference
Purpose: Demonstrate all admonition types with interactive examples showing both syntax and rendered output
Chapter: Claude Skills Architecture and Development
Summary: Skill Package Contents Checklist
Purpose: Provide visual checklist of all components in a well-packaged skill
Chapter: Content Creation Workflows
Summary: Worked Example: Determining Reading Level from Course Description
Purpose: Provide an interactive worked example showing the systematic process of analyzing a course description to determine appropriate reading level
Chapter: Content Creation Workflows
Summary: ISO 11179 Principles Comparison Table Infographic
Purpose: Create an interactive comparison showing examples of definitions that violate vs. comply with each ISO 11179 principle
Chapter: Educational Resources and Assessment
Summary: Command-Line Interface Basics Interactive Infographic
Purpose: Provide visual guide to terminal components, command syntax, and common operations for educators new to CLI workflows
Chapter: Interactive Elements and MicroSims
Summary: MicroSim Design Quality Checklist
Purpose: Provide a visual, interactive checklist for evaluating educational simulation design quality
Chapter: Development Tools, Version Control, and Deployment
Summary: Permission Bits Visual Infographic
Purpose: Explain Unix file permission system with visual representation of permission bits
Chart (9 instances)
Chapter: Introduction to AI and Intelligent Textbooks
Summary: Interactive Learning Element Types Comparison
Purpose: Show the relative engagement impact of different interactive element types
Chapter: Getting Started with Claude and Skills
Summary: Iterative Prompt Refinement Metrics
Purpose: Show how prompt quality improves across refinement iterations
Chapter: Course Design and Educational Theory
Summary: Bloom's Taxonomy Application Distribution in Quality Courses
Purpose: Show recommended distribution of learning outcomes across cognitive levels
Chapter: Concept Enumeration and Dependencies
Summary: Concept Count by Course Duration
Purpose: Show appropriate concept counts for different course lengths
Chapter: Concept Enumeration and Dependencies
Summary: Concept Depth Distribution Analysis
Purpose: Show how concept depth (number of dependencies) progresses from foundational to advanced
Chapter: Learning Graph Quality and Validation
Summary: Orphaned Nodes Identification Chart
Purpose: Visualize concept connectivity by showing indegree vs outdegree for all concepts, highlighting orphaned nodes
Chapter: Learning Graph Quality and Validation
Summary: Average Dependencies Distribution Bar Chart
Purpose: Show distribution of prerequisite counts across all concepts in the learning graph
Chapter: Learning Graph Quality and Validation
Summary: Taxonomy Distribution Pie Chart
Purpose: Visualize the distribution of 200 concepts across taxonomy categories
Chapter: Educational Resources and Assessment
Summary: Bloom's Taxonomy Distribution Analyzer Chart
Purpose: Visualize the distribution of quiz questions across Bloom's Taxonomy levels to ensure balanced cognitive demand and identify potential assessment gaps
Microsim (8 instances)
Chapter: Learning Graph Quality and Validation
Summary: Learning Graph Quality Score Calculator MicroSim
Learning Objective: Allow students to experiment with how different graph characteristics affect overall quality score
Chapter: Taxonomy and Data Formats
Summary: Color Accessibility Checker MicroSim
Learning Objective: Demonstrate WCAG contrast ratio requirements and help users select accessible color combinations
Chapter: MkDocs Platform and Documentation
Summary: Git Branching and Merging Visualization MicroSim
Learning Objective: Demonstrate how Git branches enable parallel development and how merges combine work from different branches
Chapter: Content Creation Workflows
Summary: Interactive Exercise Generator MicroSim
Learning Objective: Allow learners to practice identifying appropriate reading levels for different course descriptions, receiving immediate feedback
Chapter: Educational Resources and Assessment
Summary: Interactive Quiz Question Constructor MicroSim
Learning Objective: Enable students to practice constructing effective multiple-choice questions by experimenting with stems, keys, and distractors while receiving real-time feedback on design quality
Chapter: Interactive Elements and MicroSims
Summary: Responsive Iframe Embedding MicroSim
Learning Objective: Demonstrate how iframe embedding works and how responsive wrappers adapt to different viewport sizes
Chapter: Interactive Elements and MicroSims
Summary: Algorithm Visualization with Step Controls MicroSim
Learning Objective: Demonstrate how button controls enable step-by-step exploration of algorithms, using bubble sort as an example
Chapter: Development Tools, Version Control, and Deployment
Summary: Interactive Directory Navigation Practice MicroSim
Learning Objective: Practice Bash directory navigation commands in a simulated filesystem without risk of breaking a real project
Markdown-Table (4 instances)
Chapter: Getting Started with Claude and Skills
Summary: Skill Permission Matrix
Purpose: Show which tools different skill types typically require
Chapter: Concept Enumeration and Dependencies
Summary: Concept Label Length Optimization
Purpose: Show before/after examples of optimizing overlength labels
Chapter: Concept Enumeration and Dependencies
Summary: CSV File Format Example with Validation
Purpose: Show correct and incorrect CSV formatting
Chapter: Concept Enumeration and Dependencies
Summary: ConceptID vs ConceptLabel Comparison
Purpose: Contrast the roles and properties of ConceptID vs ConceptLabel
Timeline (3 instances)
Chapter: Getting Started with Claude and Skills
Summary: 4-Hour Token Window Visualization
Purpose: Show how token usage and regeneration works over time
Chapter: Introduction to Learning Graphs
Summary: Token Consumption Timeline for Complete Textbook Project
Purpose: Show typical token consumption across complete intelligent textbook project lifecycle
Chapter: Content Creation Workflows
Summary: Content Generation Process Timeline
Unknown (1 instances)
Chapter: Introduction to AI and Intelligent Textbooks
Summary: Evolution of AI Approaches Timeline
Graph-Model (1 instances)
Chapter: Introduction to Learning Graphs
Summary: Learning Graph Structure Visualization
Purpose: Illustrate the node-edge structure of a learning graph with sample concepts
Recommendations
Based on the priority analysis, focus on developing skills for:
- diagram - 23 instances, priority score 2.5
- Example: Transformer Architecture Diagram
- infographic - 11 instances, priority score 2.39
- Example: Course Description Quality Rubric Visualization
- workflow - 16 instances, priority score 1.16
- Example: Claude Code Workflow Diagram