Live SCADA displays for the web

An open-source web component that binds SVG vector graphics to real-time tags. Drop it into Grafana, Node-RED, or any web page.

How?Read the docs

Live substation simulation, running in this page. Click a breaker to operate it.

Three steps to a live display.

Draw it

Bind fill, stroke, rotation, text and click zones to tag names. The editor is Inkscape 1.4.3, adapted for data-linked animation, so the output stays portable SVG. Buy it on the MS Store.

Enterprise licensing

The SCADAvis.io editor with a substation display open and tag bindings configured — The editor, with a substation display open.

Embed it

Put the component on a page. Self-host the runtime or pull it from the CDN — compatible with any web framework.

Full API reference

scadavisInit({
  container: 'view',
  svgurl: 'substation.svg',
}).then((sv) => {
  sv.storeValue('KOR1KV230', 230.4)
  sv.updateValues()
})

The whole integration surface.

Feed it

Push values from your own source and the display reacts. Below, seven tags drive a bar graph and a projected dashboard once per second.

A 3D office scene, driven by simulated tag values.

Plugs into what you already run.

Every integration is open source and free to use.

Toolkit free to use. Support and LTS for enterprise.

SCADAvis.io toolkit and enterprise support compared
Feature	Toolkit	Enterprise support
Price	$0	$899 / year
Usage	Unlimited	Unlimited
Hosting	Self-hosted or online	Self-hosted or online
Integrations	All included	All included
Releases	Rolling	5-year LTS
Email support	—	Included
Editor installer	Microsoft Store	Off-store

Start building Contact sales