1{
2  "template": {
3    "type": "div",
4    "attr": {},
5    "classList": [
6      "container"
7    ],
8    "children": [
9      {
10        "type": "image",
11        "attr": {
12          "alt": "img",
13          "src": "{{src}}"
14        }
15      },
16      {
17        "type": "progress",
18        "attr": {
19          "type": "horizontal",
20          "percent": "{{percent}}",
21          "secondarypercent": "{{secondarypercent}}"
22        }
23      },
24      {
25        "type": "progress",
26        "attr": {
27          "type": "scale-ring",
28          "percent": "{{percent}}",
29          "secondarypercent": "{{secondarypercent}}",
30          "clockwise": "{{clockwise}}"
31        }
32      },
33      {
34        "type": "progress",
35        "attr": {
36          "type": "arc",
37          "percent": "{{percent}}"
38        }
39      },
40      {
41        "type": "chart",
42        "attr": {
43          "type": "line",
44          "options": "{{options}}",
45          "datasets": "{{datasets}}"
46        }
47      },
48      {
49        "type": "button",
50        "attr": {
51          "type": "capsule",
52          "value": "{{value}}",
53          "icon": "{{icon}}"
54        }
55      }
56    ]
57  },
58  "styles": {},
59  "apiVersion": {},
60  "actions": {},
61  "data": {}
62}