Drop a fault tree onto any page with one iframe tag

A free, read-only IEC 61025 fault-tree viewer that lives in an iframe. Use it on a blog post, a Stack Exchange answer, internal documentation, or course materials. Renders entirely client-side — no account, no telemetry, no cross-origin requests.

Try it

Here's the AEB system fault tree (ISO 26262 ASIL-B) embedded right below — that's the same code you'd paste into your own site:

Copy<iframe src="https://ftastudio.app/embed?template=automotive_aeb_system_failure"
        width="100%" height="500" frameborder="0"
        title="AEB System Fails to Activate"></iframe>

Two URL forms

Pick whichever shape fits your use case:

• ?template=<slug> — load one of the eight published templates by slug. No setup; no account.
• #data=<base64> — embed your own tree. Serialise an FTA Studio project (or paste an exported JSON), btoa-encode it, and drop the result into the #data= hash. The payload stays client-side; nothing reaches the server.

Built-in templates

Eight industry templates are published. Click any preview link to see how it renders, or copy the iframe snippet directly:

Copy<iframe src="https://ftastudio.app/embed?template=automotive_aeb_system_failure" width="100%" height="500" frameborder="0"></iframe>

Copy<iframe src="https://ftastudio.app/embed?template=automotive_brake_system_failure" width="100%" height="500" frameborder="0"></iframe>

Copy<iframe src="https://ftastudio.app/embed?template=aviation_loss_of_hydraulic_power" width="100%" height="500" frameborder="0"></iframe>

Copy<iframe src="https://ftastudio.app/embed?template=rail_signal_passed_at_danger" width="100%" height="500" frameborder="0"></iframe>

Copy<iframe src="https://ftastudio.app/embed?template=process_pressure_vessel_rupture" width="100%" height="500" frameborder="0"></iframe>

Copy<iframe src="https://ftastudio.app/embed?template=medical_infusion_pump_overdose" width="100%" height="500" frameborder="0"></iframe>

Copy<iframe src="https://ftastudio.app/embed?template=oil_gas_hydrocarbon_release" width="100%" height="500" frameborder="0"></iframe>

Copy<iframe src="https://ftastudio.app/embed?template=nuclear_reactor_scram_failure" width="100%" height="500" frameborder="0"></iframe>

Embed your own tree

Use the #data= form when the tree you want to embed isn't one of the published templates:

1. Open or build your tree in FTA Studio and export it via File → Export → IEC JSON.
2. Base64-encode the JSON. In a browser console: btoa(unescape(encodeURIComponent(json))).
3. Drop the result into the URL hash, after #data=.

Copy<iframe src="https://ftastudio.app/embed#data=eyJmdGFEb2MiOnsidmVyc2lvbiI6IjUuMCIs..."
        width="100%" height="500" frameborder="0"></iframe>

For typical trees the encoded payload is 12-25 KB — well under modern browsers' URL hash limits. If you have a very large tree, embed a screenshot instead, or open an issue for a future short-link service.

Privacy

Iframe sizing tips

• Width: 100% works on most blog layouts. Set a fixed width like 800px if you need pixel control.
• Height: 400-600 pixels covers most trees. The renderer scales the SVG to fit, so taller iframes show more headroom around the diagram rather than zoomed-in detail.
• Theme: respects the user's prefers-color-scheme automatically — light or dark depending on their OS / browser setting.
• Accessibility: every iframe should have a title attribute describing what's inside (the examples above include one).