Untitled

{
    "cells": [
        {
            "type": "standard.Image",
            "position": {
                "x": 60,
                "y": 60
            },
            "size": {
                "width": 75,
                "height": 75
            },
            "angle": 0,
            "id": "019b90a9-89aa-4fa7-9e70-0495102573c6", //ui id ranodom generate ?
            "ports": {
                "groups": {
                    "in": {
                        "position": {
                            "name": "left"
                        },
                        "attrs": {
                            "portBody": {
                                "width": 12,
                                "height": 12,
                                "magnet": true,
                                "fill": "transparent",
                                "stroke": "red",
                                "strokeWidth": 2
                            }
                        },
                        "markup": [
                            {
                                "tagName": "rect",
                                "selector": "portBody"
                            }
                        ]
                    },
                    "out": {
                        "position": {
                            "name": "right"
                        },
                        "attrs": {
                            "portBody": {
                                "r": 5,
                                "magnet": true,
                                "fill": "transparent",
                                "stroke": "red",
                                "strokeWidth": 2
                            }
                        },
                        "markup": [
                            {
                                "tagName": "circle",
                                "selector": "portBody"
                            }
                        ]
                    }
                },
                "items": [
                    {
                        "group": "out",
                        "args": {
                            "y": 33,
                            "x": 74
                        },
                        "id": "b21e1059-12d3-4203-ade9-8ada7bada439" //random id 
                    }
                ]
            },
            "assetKind": "Motor",
            "z": 1,
            "extId": "179d2a84-11c0-4bca-97c2-35ab990f1b41", //asset id
            "attrs": {
                "image": {
                    "xlinkHref": "./assets/svgs/motor-horizontal.svg"
                },
                "label": {
                    "text": "Motor Horizontal"
                }
            }
        },
        {
            "type": "standard.Image",
            "position": {
                "x": 60,
                "y": 160
            },
            "size": {
                "width": 75,
                "height": 75
            },
            "angle": 0,
            "id": "98887b8e-8457-4dc7-a3f4-71d1ea52dac6",
            "ports": {
                "groups": {
                    "in": {
                        "position": {
                            "name": "left"
                        },
                        "attrs": {
                            "portBody": {
                                "width": 12,
                                "height": 12,
                                "magnet": true,
                                "fill": "transparent",
                                "stroke": "red",
                                "strokeWidth": 2
                            }
                        },
                        "markup": [
                            {
                                "tagName": "rect",
                                "selector": "portBody"
                            }
                        ]
                    },
                    "out": {
                        "position": {
                            "name": "right"
                        },
                        "attrs": {
                            "portBody": {
                                "r": 5,
                                "magnet": true,
                                "fill": "transparent",
                                "stroke": "red",
                                "strokeWidth": 2
                            }
                        },
                        "markup": [
                            {
                                "tagName": "circle",
                                "selector": "portBody"
                            }
                        ]
                    }
                },
                "items": [
                    {
                        "group": "out",
                        "args": {
                            "y": 33,
                            "x": 74
                        },
                        "id": "b21e1059-12d3-4203-ade9-8ada7bada439"
                    }
                ]
            },
            "assetKind": "Motor",
            "z": 2,
            "extId": "50f9816f-28b5-4b34-b096-ae77c183ad30",
            "attrs": {
                "image": {
                    "xlinkHref": "./assets/svgs/motor-horizontal.svg"
                },
                "label": {
                    "text": "Motor Horizontal"
                }
            }
        },
        {
            "type": "standard.Image",
            "position": {
                "x": 160,
                "y": 160
            },
            "size": {
                "width": 75,
                "height": 75
            },
            "angle": 0,
            "id": "e4116321-b390-4ac7-9ed3-a3b86f666d6a",
            "ports": {
                "groups": {
                    "in": {
                        "position": {
                            "name": "left"
                        },
                        "attrs": {
                            "portBody": {
                                "width": 12,
                                "height": 12,
                                "magnet": true,
                                "fill": "transparent",
                                "stroke": "red",
                                "strokeWidth": 2
                            }
                        },
                        "markup": [
                            {
                                "tagName": "rect",
                                "selector": "portBody"
                            }
                        ]
                    },
                    "out": {
                        "position": {
                            "name": "right"
                        },
                        "attrs": {
                            "portBody": {
                                "r": 5,
                                "magnet": true,
                                "fill": "transparent",
                                "stroke": "red",
                                "strokeWidth": 2
                            }
                        },
                        "markup": [
                            {
                                "tagName": "circle",
                                "selector": "portBody"
                            }
                        ]
                    }
                }
            },
            "assetKind": "Pump",
            "z": 3,
            "extId": "35d7186a-8bd5-436e-8927-c127cfbde3fd",
            "attrs": {
                "image": {
                    "xlinkHref": "./assets/svgs/pump-center-hung_closed.svg"
                },
                "label": {
                    "text": "Pump"
                }
            }
        },
        {
            "type": "standard.Image",
            "position": {
                "x": 160,
                "y": 260
            },
            "size": {
                "width": 75,
                "height": 75
            },
            "angle": 0,
            "id": "7c764d3a-4e77-4bad-83b1-11b45a35115e",
            "ports": {
                "groups": {
                    "in": {
                        "position": {
                            "name": "left"
                        },
                        "attrs": {
                            "portBody": {
                                "width": 12,
                                "height": 12,
                                "magnet": true,
                                "fill": "transparent",
                                "stroke": "red",
                                "strokeWidth": 2
                            }
                        },
                        "markup": [
                            {
                                "tagName": "rect",
                                "selector": "portBody"
                            }
                        ]
                    },
                    "out": {
                        "position": {
                            "name": "right"
                        },
                        "attrs": {
                            "portBody": {
                                "r": 5,
                                "magnet": true,
                                "fill": "transparent",
                                "stroke": "red",
                                "strokeWidth": 2
                            }
                        },
                        "markup": [
                            {
                                "tagName": "circle",
                                "selector": "portBody"
                            }
                        ]
                    }
                }
            },
            "assetKind": "Pump",
            "z": 4,
            "extId": "86c884b2-01b5-4125-bbd6-2035976bb8ec",
            "attrs": {
                "image": {
                    "xlinkHref": "./assets/svgs/pump-center-hung_closed.svg"
                },
                "label": {
                    "text": "Pump"
                }
            }
        },
        {
            "type": "standard.Image",
            "position": {
                "x": 360,
                "y": 260
            },
            "size": {
                "width": 75,
                "height": 75
            },
            "angle": 0,
            "id": "81f4caac-a116-46ab-9366-556c346a0956",
            "ports": {
                "groups": {
                    "in": {
                        "position": {
                            "name": "left"
                        },
                        "attrs": {
                            "portBody": {
                                "width": 12,
                                "height": 12,
                                "magnet": true,
                                "fill": "transparent",
                                "stroke": "red",
                                "strokeWidth": 2
                            }
                        },
                        "markup": [
                            {
                                "tagName": "rect",
                                "selector": "portBody"
                            }
                        ]
                    },
                    "out": {
                        "position": {
                            "name": "right"
                        },
                        "attrs": {
                            "portBody": {
                                "r": 5,
                                "magnet": true,
                                "fill": "transparent",
                                "stroke": "red",
                                "strokeWidth": 2
                            }
                        },
                        "markup": [
                            {
                                "tagName": "circle",
                                "selector": "portBody"
                            }
                        ]
                    }
                }
            },
            "assetKind": "Roll",
            "z": 5,
            "extId": "1c74ad0b-d7c6-4355-a76d-8656682ae5cc",
            "attrs": {
                "image": {
                    "xlinkHref": "./assets/svgs/roll.svg"
                },
                "label": {
                    "text": "Roll"
                }
            }
        }
    ]
}