Explain visually

Build an HTML page that explains a concept with text, examples, and diagrams.

Understand the source

1. Read the relevant source material.
2. Identify the audience, main point, components, sequence, decisions, tradeoffs, and useful next action.
3. Separate verified facts from assumptions. Do not invent missing behaviour.
4. Choose the relationships that are easier to explain with a visual.

Shape the explanation

Lead with the answer. Use a small number of sections. Each section should explain one part.

Use concrete titles. Define jargon before using it. Prefer real names, paths, commands, interfaces, states, and observed behaviour to generic labels.

Include a before-and-after, sequence, comparison, hierarchy, or state change only when the source supports it. End with what the reader should do next. Do not repeat the summary.