HomeCybersecurityDOM XSS Taint Flow 2D: Parallel Sink Lanes & Defense Matrix

DOM XSS Taint Flow 2D: Parallel Sink Lanes & Defense Matrix

Interactive 2D taint-flow diagram: five DOM-based XSS sinks (innerHTML, document.write, eval, onclick attribute, javascript: href) run as parallel lanes against a live defense-coverage matrix, showing exactly which combination of output encoding, DOMPurify and strict CSP stops which sink, all at once.

Cybersecurity2DModerate60 FPS📱 Mobile-adapted⇄ 3D version
2d-xss-protection ↗ Open standalone

This is a 2D-native counterpart to the 3D taint-flow flight simulator: instead of flying a single selected payload through 3D space toward one sink at a time, it runs all five real DOM-based XSS sinks — innerHTML, document.write(), eval(), an inline event-handler attribute, and a javascript: href — as five simultaneous horizontal lanes, each gated by the same three toggleable defenses (output encoding, DOMPurify-style sanitization, strict CSP). A live sink×defense coverage matrix above the lanes renders the full boolean truth table at a glance, so the asymmetry between sinks — the reason a single control is never a universal fix — is visible as a diagram, not just discovered one sink-selection at a time.

⚙ Under the hood

Interactive 2D taint-flow diagram: five DOM-based XSS sinks (innerHTML, document.write, eval, onclick attribute, javascript: href) run as parallel lanes against a live defense-coverage matrix, showing exactly which combination of output encoding, DOMPurify and strict CSP stops which sink, all at once.

xssweb-securitydomcspsanitizationowasp

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)