Home › Resources & Tools › GraphQL Parse Tree Viewer

GraphQL Parse Tree Viewer

GraphQL document

query {
  user(username: "alice") {
    friends {
      username
    }
  }
}1
query {
2
  user(username: "alice") {
3
    friends {
4
      username
5
    }
6
  }
7
}

Parse tree

R
document:Document
R
definition:Definition
R
executableDocument:ExecutableDocument
R
executableDefinition:ExecutableDefinition
R
operationDefinition:OperationDefinition
R
operationType:OperationType
T
"query"
R
selectionSet:SelectionSet
T
"{"
R
selection:Selection
R
field:Field
R
name:Name
T
NAME:"user"
R
arguments:Arguments
T
"("
R
argument:Argument
R
name:Name
T
NAME:"username"
T
":"
R
value:Value
R
stringValue:StringValue
T
STRING:"\"alice\""
T
")"
R
selectionSet:SelectionSet
T
"{"
R
selection:Selection
R
field:Field
R
name:Name
T
NAME:"friends"
R
selectionSet:SelectionSet
T
"{"
R
selection:Selection
R
field:Field
R
name:Name
T
NAME:"username"
T
"}"
T
"}"
T
"}"
T
"<EOF>"