Visual Storytelling Design

Table of Contents

• Story Design Workflow
• Path Selection Menu
  • Path 1: Build Narrative Structure
  • Path 2: Master Annotation
  • Path 3: Design Scrollytelling
  • Path 4: Apply Framing & Metaphors
• Quick Reference
• Guardrails

Core principle: Structuring data as narrative (Context → Problem → Evidence → Insight) aids comprehension and retention. Annotations guide attention, progressive disclosure reveals complexity gradually, and framing provides context for accurate interpretation.

Related skills: Use cognitive-design for cognitive principles, d3-visualization for D3.js implementation, design-evaluation-audit for systematic evaluation, cognitive-fallacies-guard for integrity checks.