{
  "root": "card",
  "elements": {
    "card": {
      "type": "Card",
      "props": {
        "title": "Weekly deploy report",
        "subtitle": "Oct 27 to Oct 31"
      },
      "children": [
        "summary",
        "kpis",
        "chart",
        "table",
        "actions"
      ]
    },
    "summary": {
      "type": "Text",
      "props": {
        "content": "We shipped **985 deploys** this week. Thursday was the busiest day and `api` had the highest failure rate."
      },
      "children": []
    },
    "kpis": {
      "type": "Fields",
      "props": {},
      "children": [
        "deploys",
        "failures"
      ]
    },
    "deploys": {
      "type": "Field",
      "props": {
        "label": "Total deploys",
        "value": "985"
      },
      "children": []
    },
    "failures": {
      "type": "Field",
      "props": {
        "label": "Failure rate",
        "value": "2.1%"
      },
      "children": []
    },
    "chart": {
      "type": "Chart",
      "props": {
        "title": "Deploys per day",
        "chart": {
          "type": "bar",
          "categories": [
            "Mon",
            "Tue",
            "Wed",
            "Thu",
            "Fri"
          ],
          "series": [
            {
              "name": "Deploys",
              "values": [
                180,
                210,
                195,
                240,
                160
              ]
            }
          ],
          "xLabel": "Day",
          "yLabel": "Deploys"
        }
      },
      "children": []
    },
    "table": {
      "type": "Table",
      "props": {
        "headers": [
          "Project",
          "Deploys",
          "Failed"
        ],
        "rows": [
          [
            "web",
            "412",
            "1.2%"
          ],
          [
            "api",
            "203",
            "3.4%"
          ],
          [
            "docs",
            "88",
            "0%"
          ]
        ],
        "align": [
          "left",
          "right",
          "right"
        ]
      },
      "children": []
    },
    "actions": {
      "type": "Actions",
      "props": {},
      "children": [
        "ack",
        "open"
      ]
    },
    "ack": {
      "type": "Button",
      "props": {
        "id": "acknowledge",
        "label": "Acknowledge",
        "style": "primary"
      },
      "children": []
    },
    "open": {
      "type": "LinkButton",
      "props": {
        "label": "Open dashboard",
        "url": "https://vercel.com/dashboard"
      },
      "children": []
    }
  }
}