Skip to content
Computing Simple #http#status-codes#rest

HTTP Status Code Decision Tree

1xx info, 2xx success, 3xx redirect, 4xx client error, 5xx server error. Pick the right code.

A free, animated http status code decision tree you can read here or embed on any website, from Scrollchart.

HTTP Status Code Decision Tree

HTTP Status Code Decision TreePick the right code: 1xx info, 2xx success, 3xx redirect, 4xx client error, 5xx server error1xxInformational2xxSuccess3xxRedirect4xxClient Error5xxServer Error100Continue101Switching Protocols200OK201Created204No Content206Partial Content301Moved Permanently302Found (temporary)304Not Modified307Temp Redirect400Bad Request401Unauthorized403Forbidden404Not Found409Conflict422Unprocessable429Too Many Requests500Internal Error502Bad Gateway503Service Unavail.504Gateway TimeoutKey rules:201 on POST that creates a resource. 204 when no body. 401 = auth missing/invalid, 403 = auth ok but forbidden. 429 includes Retry-After.5xx = retry with backoff4xx = fix the request, not retry

A decision tree branching on outcome category. Common codes (200, 201, 204, 301, 302, 304, 400, 401, 403, 404, 409, 422, 429, 500, 502, 503, 504) shown with one-line descriptions and example bodies.

Good for

  • REST API design tutorials and developer onboarding docs
  • HTTP debugging reference for frontend and backend engineers
  • API error-handling blog posts on 4xx vs 5xx retry semantics

Source & accuracy

This http status code decision tree is an editorial illustration built to represent the concept accurately. Where it shows figures, they are typical or representative values chosen to make the relationship clear, not a single underlying dataset. The diagram and its explainer are reviewed and maintained centrally, and updated over time as understanding improves.

The five classes of HTTP status codes

Every HTTP response carries a three-digit status code whose first digit defines its class. The 1xx codes are informational and signal that the request was received and processing continues. The 2xx codes indicate success, with 200 OK and 201 Created the most common. The 3xx codes signal redirection, telling the client the resource lives elsewhere, as with 301 Moved Permanently and 304 Not Modified.

The 4xx codes mark client errors, where the request was malformed or not allowed, including 400 Bad Request, 401 Unauthorized, 403 Forbidden, and 404 Not Found. The 5xx codes mark server errors, such as 500 Internal Server Error and 503 Service Unavailable.

Choosing the correct code

Picking the right code matters because clients, caches, and search engines act on it. A 301 tells browsers and crawlers to update their links permanently, while a 302 or 307 signals a temporary move. Returning 404 for a missing page lets search engines drop it, whereas returning 200 with an error message can leave broken pages indexed.

The distinction between client and server errors also guides debugging: a 4xx points to something the caller must fix, while a 5xx points to a fault on the server side.

Embed this diagram

Add this animated http status code decision tree to your own site. Copy one line of HTML, or use the embed builder for theme and sizing options.

Reference

What this is
A free, embeddable, animated http status code decision tree for any website.
Who uses it
Developer blogs.
How to embed
Copy one line of HTML. No signup. No watermark. Works in WordPress, Webflow, Ghost, Substack, plain HTML.
File size
iframe embed, ~80 KB gzipped (loads on demand, does not block your page paint).
License
Free forever. Editorial explainer text included; updated centrally over time.

Embed format options

Copy the universal HTML snippet, the WordPress shortcode, or an iframe fallback - see the WordPress plugin page for details. Any format keeps the same Core Web Vitals profile and the same explainer text.

Embed snippet
<div data-scrollchart="http-status-flow" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "HTTP Status Code Decision Tree" for my website?
Scrollchart provides "HTTP Status Code Decision Tree" as a free, embeddable animated diagram you can add to any website with one line of HTML. No signup is required and there is no watermark. The diagram and its explainer text are served from scrollchart.com, so the embed stays current without any maintenance on your end.
How do I embed a http status code decision tree in a developer or tech blog?
Copy the one-line snippet from the Scrollchart diagram page and paste it into your post HTML. It works in any static site generator, CMS, or hand-coded HTML page. The embed is a thin loader, not an iframe, so the content is fully in your DOM.