NOC QuickDASH

QuickDASH lets you pin your own SVG diagram over any website and bind live values from the page to placeholders in the diagram. Click a “slot” in your diagram, then click a value on the page (text, inputs, etc.)—QuickDASH keeps it synced. Use the floating logo button to show/hide the overlay, and optionally clear all bindings.

Bring your own diagram (upload an SVG) or start from the default.

Works across tabs: the overlay can display the latest values reported from any bound tab.

No accounts, no servers: everything runs locally in your browser.

Per-origin storage: bindings and your uploaded diagram are saved only on your device for each site.

Respectful by design: the extension only reads the DOM to extract values you explicitly bind.

How to use:

Click the toolbar icon → “Open Diagram Overlay.”

Click a vpho text in the overlay to select a slot.

Click a value on the page to bind it.

Repeat for other slots. Use “Clear bindings” to reset.

Use the floating logo to toggle the overlay anytime.

(Optional) “Load SVG…” to replace the diagram with your own. (use "vpho" as content on a foreignObject or text)