{
    "title": "Image Info Overlay Example",
    "subTitle": "Display information on images (jpg, png, svg)",
    "stretchToFit": true,
    "image": "https://res.cloudinary.com/dk8bhmsdz/image/upload/v1756495027/floorplan2_k2qu3w.png",
    "overlays": [
        {
            "layerName": "Temperature Gauge",
            "layerType": "progress",
            "progressStyle": {
                "rotate": -90,
                "width": 50,
                "height": 20,
                "backgroundColor": "#eeeeee"
            },
            "sections": {
                "sectionLimits": [0, 50, 70, 100],
                "colors": ["orange", "green", "red"]
            },
            "progressPins": [
                {
                    "label": "Room 1",
                    "relXPos": 0.15,
                    "relYPos": 0.2,
                    "data": 82
                },
                {
                    "label": "Room 2",
                    "relXPos": 0.36,
                    "relYPos": 0.2,
                    "data": 67
                },
                {
                    "label": "Room 3",
                    "relXPos": 0.55,
                    "relYPos": 0.2,
                    "data": 82
                },
                {
                    "label": "Room 4",
                    "relXPos": 0.73,
                    "relYPos": 0.2,
                    "data": 67
                },
                {
                    "label": "Room 5",
                    "relXPos": 0.884,
                    "relYPos": 0.2,
                    "data": 77
                },
                {
                    "label": "Room 6",
                    "relXPos": 0.31,
                    "relYPos": 0.4,
                    "data": 28
                },
                {
                    "label": "Room 7",
                    "relXPos": 0.63,
                    "relYPos": 0.4,
                    "data": 13
                },
                {
                    "label": "Room 8",
                    "relXPos": 0.06,
                    "relYPos": 0.53,
                    "data": 59
                },
                {
                    "label": "Room 9",
                    "relXPos": 0.898,
                    "relYPos": 0.52,
                    "data": 54
                },
                {
                    "label": "Room 10",
                    "relXPos": 0.31,
                    "relYPos": 0.7,
                    "data": 29
                },
                {
                    "label": "Room 11",
                    "relXPos": 0.433,
                    "relYPos": 0.7,
                    "data": 58
                },
                {
                    "label": "Room 12",
                    "relXPos": 0.898,
                    "relYPos": 0.64,
                    "data": 57
                },
                {
                    "label": "Room 13",
                    "relXPos": 0.833,
                    "relYPos": 0.8,
                    "data": 67
                },
                {
                    "label": "Room 14",
                    "relXPos": 0.7,
                    "relYPos": 0.8,
                    "data": 27
                }
            ]
        },
        {
            "layerName": "Status Label",
            "layerType": "text",
            "textStyle": {
                "fontWeight": 600,
                "fontSize": 24,
                "precision": 0,
                "backgroundColor": "#fff"
            },
            "sections": {
                "sectionLimits": [0, 50, 70, 100],
                "colors": ["orange", "green", "red"]
            },
            "textPins": [
                {
                    "prefix": "Outside Temperature: ",
                    "suffix": " °C",
                    "relXPos": 0.28,
                    "relYPos": 0.86,
                    "data": "63"
                }
            ]
        }
    ]
}