Interactive GraphQL Examples

Welcome to the interactive GraphQL examples! These pages demonstrate Polen's interactive code blocks with hover tooltips, click navigation, and inline error hints.

Explore by Domain

Dive into different aspects of the Pokemon universe:

Pokemon Basics - Query individual Pokemon, their types, and abilities

Trainer Journeys - Explore trainer profiles, badges, and team compositions

Battle Mechanics - Understand type effectiveness, moves, and battle strategies

Evolution Chains - Discover how Pokemon evolve and their requirements

Advanced Queries - Learn about fragments, variables, and complex selections

Features Demonstrated

🎯 Interactive Elements

Hover over any field, type, or argument to see detailed information

Click to pin tooltips and explore at your own pace

Navigate directly to schema documentation with clickable links

🚨 Error Handling

query InvalidExample {
  pokemon(id: "001") {
    name
    types
    level         # ← This field doesn't exist!
    abilities {
      name
      power       # ← Abilities don't have power!
    }
  }
}

Loading tree-sitter...

🔍 Syntax Highlighting

All GraphQL syntax is properly highlighted including:

Keywords (query, fragment, on)

Types and fields with different colors

Arguments and variables

Comments and descriptions