Test a REST API visually

Choose a request, inspect its JSON response, and highlight one business value inside a larger object.

API JSON Playground

A small educational playground inside the blog

This page extends the article with a concrete demo. Pick an endpoint, read the full JSON, and then point to one value to see exactly where it lives in the overall structure.

The data below are fictional and used only for learning purposes.

Interactive demo

Explore an API response without leaving the site

Click a use case, then click a business value. The full JSON stays visible and the chosen area is highlighted.

Endpoint

GET /customers/42?include=accounts,recentTransfers

Status

200 OK

JSON path

data.customer.fullName

Scenarios to test

Counter analogy

The customer asks the right counter for a detailed profile including accounts and recent transfers.

SQL parallel

SELECT c.*, a.*, t.*
FROM customers c
LEFT JOIN accounts a ON a.customer_id = c.id
LEFT JOIN transfers t ON t.customer_id = c.id
WHERE c.id = 42;

Reading the request

The URL points to the right resource.

The HTTP method expresses the requested action.

The status shows whether the request succeeded.

The JSON body then returns the usable data.

Values to inspect

JSON

/customers/42?include=accounts,recentTransfers

GET

Selected value

JSON path

data.customer.fullName

Value

"Stephane Malho"

A simple value, but placed inside a broader customer object.

Counter analogy

At the counter, this is the name shown on the retrieved record.

In the API, the value lives inside `data.customer`.

What this demo shows

An API can return an object richer than a single database row.

The JSON path helps link one value to its exact location.

The SQL parallel remains useful, but the API adds service and formatting layers.

Back to the article Back to blog

Last updated on Mar 26, 2026