@opcua/for-node-red/examples/tank.jsx

The Node-RED node to communicate via OPC UA, powered NodeOPCUA and developed by Sterfive's team

<template>
            <svg class="my-tank" width="300px" height=" 300px" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" version="1.1">
            
                <defs>
                    <ref id="paramHeight" param="100" default="100" />
                </defs>
                const { createApp, ref } = Vue
                <path id="liquid" style="fill:#0008ff;fill-opacity:0.8;"
                    :d="m 15,{d+50} c 0,-6 16,-10 36,-10 18,0 34,4 34,10 l 0,31 C 82,{d+86} 69,{d+90} 52,{d+90} 36,{d+90} 18,{d+87} 15,{d+81} z" />
            
            </svg>
</template>
<script>
export default {
    name: "MyTank",
    props: {
        height: {
            type: Number,
            default: 0,
        },
    },
    computed: {
        d: () => {
            return 50 - this.height;
        },
    },
};
</script>
<style scoped>
    .my-tank
{
    /* Scoped CSS here */
}
</style>