Home › Resources & tools › GraphQL AST Viewer

GraphQL AST Viewer

GraphQL document

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

AST

{
  "kind": "Document",
  "definitions": [
    {
      "kind": "OperationDefinition",
      "operation": "query",
      "variableDefinitions": [],
      "directives": [],
      "selectionSet": {
        "kind": "SelectionSet",
        "selections": [
          {
            "kind": "Field",
            "name": {
              "kind": "Name",
              "value": "user"
            },
            "arguments": [
              {
                "kind": "Argument",
                "name": {
                  "kind": "Name",
                  "value": "username"
                },
                "value": {
                  "kind": "StringValue",
                  "value": "alice",
                  "block": false
                }
              }
            ],
            "directives": [],
            "selectionSet": {
              "kind": "SelectionSet",
              "selections": [
                {
                  "kind": "Field",
                  "name": {
                    "kind": "Name",
                    "value": "friends"
                  },
                  "arguments": [],
                  "directives": [],
                  "selectionSet": {
                    "kind": "SelectionSet",
                    "selections": [
                      {
                        "kind": "Field",
                        "name": {
                          "kind": "Name",
                          "value": "username"
                        },
                        "arguments": [],
                        "directives": []
                      }
                    ]
                  }
                }
              ]
            }
          }
        ]
      }
    }
  ]
}1
{
2
  "kind": "Document",
3
  "definitions": [
4
    {
5
      "kind": "OperationDefinition",
6
      "operation": "query",
7
      "variableDefinitions": [],
8
      "directives": [],
9
      "selectionSet": {
10
        "kind": "SelectionSet",
11
        "selections": [
12
          {
13
            "kind": "Field",
14
            "name": {
15
              "kind": "Name",
16
              "value": "user"
17
            },
18
            "arguments": [
19
              {
20
                "kind": "Argument",
21
                "name": {
22
                  "kind": "Name",
23
                  "value": "username"
24
                },
25
                "value": {
26
                  "kind": "StringValue",
27
                  "value": "alice",
28
                  "block": false
29
                }
30
              }
31
            ],
32
            "directives": [],
33
            "selectionSet": {
34
              "kind": "SelectionSet",
35
              "selections": [
36
                {
37
                  "kind": "Field",
38
                  "name": {
39
                    "kind": "Name",
40
                    "value": "friends"
41
                  },
42
                  "arguments": [],
43
                  "directives": [],
44
                  "selectionSet": {
45
                    "kind": "SelectionSet",
46
                    "selections": [
47
                      {
48
                        "kind": "Field",
49
                        "name": {
50
                          "kind": "Name",
51
                          "value": "username"
52
                        },
53
                        "arguments": [],
54
                        "directives": []
55
                      }
56
                    ]
57
                  }
58
                }
59
              ]
60
            }
61
          }
62
        ]
63
      }
64
    }
65
  ]
66
}

GraphQL AST Viewer

See also