Introduction

Full SCADA Core Features

Embed the component in your system and implement your APIs — you're ready to go.

Low Learning Curve

SVG files are elements. No extra configuration needed — the editor auto-parses and loads components.

Highly Extensible

Elements support custom style properties and custom elements. Place custom elements in the designated project folder for auto-loading. With an upload API configured, drag elements (svg, img) onto the canvas to upload.

Easy Integration

Library mode build scripts are included. Source code is on GitHub. Supports custom components and event subscriptions.

Import as a Vue component, configure your API, and use:

<template>
  <div id="app">
    <Webtopo :webtopoAPI="webAPI"></Webtopo>
  </div>
</template>

<script>
  import * as webAPI from './api/index.js';
  export default {
    name: 'App',
    data() {
      return {
        webAPI
      };
    }
  };
</script>

Support

Long-term maintenance — upgrade to the latest version directly in your project.