🧠 Knowledge Explorer (KE)

15 Interactive Learning Format Types

Each format presents educational content in a unique, interactive way. All formats support standalone demo mode (using data.json), custom data loading, and LLM-powered content generation.

✅ All 15 Formats Available
Format 01
Linear Tabs Explorer
Classic 6-tab sequential interface for deep exploration
  • 6 interactive tabs (Definition, Principles, Applications, etc.)
  • Progressive disclosure of content
  • Comprehension level slider
Demo Ready
Format 02
Concept Map Network
Interactive node-based graph with spatial relationships
  • Drag & drop node positioning
  • Color-coded relationship types
  • Click nodes for detailed content
✅ Full Sample Data
Format 03
Hierarchical Tree
Tree-based structure showing parent-child relationships
  • Expandable/collapsible nodes
  • Clear hierarchy visualization
  • Nested content organization
Demo Ready
Format 04
Card-Based Explorer
Flip cards with front/back content
  • Interactive flip animation
  • Grid or carousel layout
  • Quick content review
Demo Ready
Format 05
Progressive Reveal
Step-by-step content disclosure
  • Guided learning path
  • Build complexity gradually
  • Control pace of learning
Demo Ready
Format 06
Mind Map
Radial layout visualization
  • Central concept with branches
  • Radial organization
  • Visual thinking pattern
Demo Ready
Format 07
Comparison Matrix
Side-by-side comparison view
  • Compare multiple concepts
  • Tabular organization
  • Highlight similarities/differences
Demo Ready
Format 08
Story-Based Navigation
Narrative-driven learning flow
  • Sequential storytelling
  • Contextual learning
  • Engaging narrative structure
Demo Ready
Format 09
Quiz-Enhanced Learning
Interactive content with embedded quizzes
  • Knowledge check questions
  • Immediate feedback
  • Active learning approach
Demo Ready
Format 10
Visual Diagram Explorer
Interactive diagrams and visuals
  • Clickable diagram elements
  • Visual learning focus
  • Annotated illustrations
Demo Ready
Format 11
Layered Information
Progressive depth with layers
  • Surface to deep understanding
  • Expandable detail levels
  • Self-paced exploration
Demo Ready
Format 12
Interactive Flowchart
Process and decision trees
  • Step-by-step processes
  • Decision paths
  • Algorithm visualization
Demo Ready
Format 13
Concept Cards
Swipeable card-based interface
  • Mobile-friendly swipe
  • Card deck navigation
  • Quick review format
Demo Ready
Format 14
Guided Tour
Step-by-step walkthrough experience
  • Structured learning path
  • Guided navigation
  • Tutorial-style presentation
Demo Ready
Format 15
Multi-Panel Explorer
Multiple synchronized views
  • Split-screen layouts
  • Synchronized content
  • Multiple perspectives
Demo Ready
← Back to Dashboard