Bowtie diagram
Map a hazard and top event to its threats and consequences, with the preventive and mitigative barriers on each line — the classic barrier-based bowtie risk picture. Pan, zoom and edit right on the canvas. Export SVG, PNG or PDF. Saved on your device.
Open Bowtie diagram →What is a bowtie diagram?
A free bowtie diagram maker that runs entirely in your browser. A bowtie is the classic barrier-based risk picture used in process safety and HSE: the hazard and its top event (the moment control is lost) sit at the knot in the centre, the threats that could cause the top event line up on the left with their preventive barriers, and the consequences that could follow line up on the right with their mitigative barriers. The diagram lays itself out automatically on an interactive canvas — drag to pan, scroll to zoom, jump to full screen, and edit everything in place: click any box for its menu (rename, add a barrier, set effectiveness, delete) and click again to rename inline. Rate each barrier good, fair or poor so weak lines of defence stand out at a glance, then export the finished diagram as an SVG vector, a PNG image or a PDF. Everything is saved on your device and it works offline; nothing is uploaded.
How to use Bowtie diagram
- Define the hazard and top event — Name the hazard (the thing with potential to cause harm) and the top event — the moment control over it is lost, such as a loss of containment. You can also rename both directly on the canvas.
- Add the threats — Use the Threat button on the canvas (or the top event's menu) to add each credible cause that could release the top event, and name it in place.
- Add preventive barriers — Click the + on a threat's line to drop a barrier onto it, in the order the barriers would act. Reorder them any time from a barrier's menu.
- Add consequences and mitigative barriers — Do the same on the right-hand side: each outcome that could follow the top event, with the barriers that limit or stop the harm.
- Rate, arrange and export — Rate each barrier good, fair or poor from its menu to colour its border, pan and zoom the canvas (Recenter refits the whole diagram, full screen gives it the entire display), then export as SVG, PNG or PDF from the Download menu.
Frequently asked questions
What goes in the top event?
The moment you lose control of the hazard — for example "loss of containment" — not the final harm. Fires, injuries and environmental damage belong on the right-hand side as consequences.
What is the difference between preventive and mitigative barriers?
Preventive barriers act before the top event to stop a threat releasing it; mitigative barriers act after the top event to limit how bad the consequences become.
Can I edit the diagram directly on the canvas?
Yes. Click any box to open its inline menu — rename, add a barrier, set effectiveness, reorder or delete — and click it again (or press Enter) to edit the text in place. Drag empty canvas to pan, scroll to zoom, and use the Recenter and full-screen controls.
Does it support escalation factors?
Not yet — escalation factors and their degradation controls are planned. The current diagram assumes each barrier performs as designed; use the effectiveness rating to flag barriers you doubt.
What export formats are available?
SVG vector, a high-resolution PNG image, or a PDF. The export always contains the whole diagram, regardless of how the canvas is panned or zoomed.
Tips
- Keep barriers to real, auditable controls — a valve, a trip, a bund, a tested procedure. Vague entries like "training" or "safety culture" are not barriers.
- Order the barriers on each line in the sequence they would act in time — the diagram draws them in list order, and each barrier's menu can move it earlier or later.
- Use the effectiveness colours during barrier reviews: the red and amber borders show where to focus improvement work.