Ht for web data model

{
    "v": "6.1.7",
    "p":
    {
        "background": "rgb(255,0,255)",
        "autoAdjustIndex": true,
        "hierarchicalRendering": true
    },
    "a":
    {
    },
    "d": [
    {
        "c": "ht.Node",
        "i": 68,
        "p":
        {
            "position":
            {
                "x": 724.09632,
                "y": 464.19679
            },
            "width": 1440,
            "height": 900
        },
        "s":
        {
            "shape": "rect",
            "shape.background": "rgb(33,33,33)",
            "shape.border.width": 1,
            "shape.border.color": "-sharp979797",
            "2d.selectable": false
        }
    }]
}

as shown in the picture, how to make these data, because I don"t know what p stands for. I have flipped through the abbreviations of ht for web, such as p3r3, etc., but I don"t know what p, a, etc. Here mean. What is the name of this noun, or how should I draw a CirculatingWaterPump

?
Jun.12,2021

resolved, this is the serialized result

Menu