Calculator
What the GraphQL Formatter does
GraphQL Formatter: formats Status and Output from GraphQL Input. Example: graphql input query { user(id: 1) { id name email } } gives status Beautified.
Point it at GraphQL Input and it returns Status and Output. Edit a field and the answer updates in place.
Typical users are people inspecting an API response. Most of these tasks are one-liners in a terminal, but not when you are away from one.
Payloads stay in the tab, so you can safely paste production data without it reaching a third party.
The sections that follow cover the fields, the method, and one full example computed from the defaults.
What do the GraphQL Formatter fields mean?
The GraphQL Formatter uses 1 input. Each input has a default that makes sense on its own, so a partial edit still gives a valid result.
| Field | What to enter | Default |
|---|---|---|
| GraphQL Input | paste or type any amount of text | query { user(id: 1) { id name email } } |
How does the GraphQL Formatter work?
Each output is derived from the inputs above in a single pass; there is no hidden state carried between runs, so the same inputs always give the same formatted output.
Values are checked first: an out-of-range or non-numeric entry names the offending field instead of returning nonsense.
Worked example
These are the values the GraphQL Formatter loads by default, and the result it produces from them. Here is the calculation as it stands the moment the page loads.
| GraphQL Input | query { user(id: 1) { id name email } } |
|---|
| Status | Beautified |
|---|---|
| Output | query { user(id: 1) { id name email } } |
How to use it
- Paste your content into GraphQL Input.
- The result appears as you type. There is no button to press.
- You get Status and Output back.
- Copy Link is the quickest way to send the exact scenario to someone else.
What this tool does not do
- Output follows the common convention for this format; a specific toolchain may have its own house style.
- Processing happens in your browser, so extremely large inputs are bounded by available memory.
- Results are informational: check anything consequential against a second source.
Frequently asked questions
You need GraphQL Input. Nothing starts empty, which means a single edit is enough to get a meaningful answer.
With the values loaded when the page opens, status comes out as Beautified. Any edit re-runs the calculation, so there is no stale number on screen.
No. The parsing happens in your browser, so sensitive payloads never leave your machine.
Nothing at all. There is no registration, no paywall and no per-use quota.
The formatted output is exact for the method described above. Where a value is rounded for display, the underlying figure keeps full precision.