Skip to content
Law Medium #criminal-procedure

Criminal Case Flow

Arrest -> charging -> arraignment -> preliminary -> plea or trial -> sentencing -> appeal.

A free, animated criminal case flow you can read here or embed on any website, from Scrollchart.

Criminal Case Flow

Criminal Case FlowArrest to disposition: 95% resolve via plea, ~5% reach trial

Linear flow from arrest through booking, initial appearance, charging, arraignment, preliminary hearing, motions, plea/trial, sentencing, appeal. Typical timelines and decision points.

Good for

  • Criminal-procedure explainers for public-defender and legal-aid sites
  • Citizen-advice guides explaining what happens after arrest
  • Law-school orientation content on the stages of a criminal prosecution

Source & accuracy

This criminal case flow 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.

From Arrest Through Arraignment

A criminal case begins with arrest, which can happen on a warrant, on probable cause without a warrant, or at a traffic stop. Within 72 hours, the arrestee must be brought before a judge for an initial appearance or first appearance, where they hear charges, are informed of rights, and bail/release conditions are set. The next step varies by severity: for felonies, a preliminary hearing lets the prosecution show probable cause that the accused committed the crime, and if successful, the case binds over to a grand jury (federal and many states) or directly to trial court (other states). Misdemeanors often skip the preliminary hearing and go straight to arraignment.

Arraignment is where the defendant enters a plea (guilty, not guilty, or in some jurisdictions nolo contendere). Most cases resolve at or before this stage: about 94% of federal criminal cases end in guilty pleas, not trials.

Discovery, Plea Negotiation, Trial or Sentencing

After arraignment, discovery begins. The prosecution must disclose exculpatory evidence under Brady v. Maryland and work-product rules. Defense counsel reviews evidence, investigates, and negotiates a plea deal. If no agreement is reached, trial proceeds: the prosecution proves guilt beyond reasonable doubt to a jury (or judge in a bench trial), and the defendant is presumed innocent. If the defendant is found guilty or pleads guilty, sentencing follows, where the judge imposes a sentence within statutory guidelines (sometimes mandatory minimums apply). An appeal challenges legal errors, not factual findings, and can reach appellate courts and in rare cases the state supreme court or US Supreme Court.

Embed this diagram

Add this animated criminal case flow 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 criminal case flow for any website.
Who uses it
Legal blogs, Citizen-advice sites.
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="criminal-case-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 "Criminal Case Flow" for my website?
Scrollchart provides "Criminal Case Flow" 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 criminal case flow in WordPress or a static site?
Paste the HTML snippet from the Scrollchart diagram page into your WordPress post (in HTML/code view), your Webflow embed block, or directly into a static HTML file. No plugin is needed. The diagram loads from scrollchart.com and paints in as the reader scrolls.