{
    "marktype": "group",
    "name": "root",
    "role": "frame",
    "interactive": true,
    "clip": false,
    "items": [
      {
        "items": [
          {
            "marktype": "group",
            "role": "axis",
            "interactive": false,
            "clip": false,
            "items": [
              {
                "items": [
                  {
                    "marktype": "rule",
                    "role": "axis-tick",
                    "interactive": false,
                    "clip": false,
                    "items": [
                      {
                        "x": 10,
                        "y": 0,
                        "opacity": 1,
                        "stroke": "#888",
                        "strokeWidth": 1,
                        "y2": 5
                      },
                      {
                        "x": 30,
                        "y": 0,
                        "opacity": 1,
                        "stroke": "#888",
                        "strokeWidth": 1,
                        "y2": 5
                      },
                      {
                        "x": 50,
                        "y": 0,
                        "opacity": 1,
                        "stroke": "#888",
                        "strokeWidth": 1,
                        "y2": 5
                      }
                    ],
                    "zindex": 0
                  },
                  {
                    "marktype": "text",
                    "role": "axis-label",
                    "interactive": false,
                    "clip": false,
                    "items": [
                      {
                        "x": 9.5,
                        "y": 7,
                        "align": "right",
                        "baseline": "middle",
                        "fill": "#000",
                        "opacity": 1,
                        "text": "A",
                        "angle": 270,
                        "limit": 180,
                        "font": "sans-serif",
                        "fontSize": 10
                      },
                      {
                        "x": 29.5,
                        "y": 7,
                        "align": "right",
                        "baseline": "middle",
                        "fill": "#000",
                        "opacity": 1,
                        "text": "B",
                        "angle": 270,
                        "limit": 180,
                        "font": "sans-serif",
                        "fontSize": 10
                      },
                      {
                        "x": 49.5,
                        "y": 7,
                        "align": "right",
                        "baseline": "middle",
                        "fill": "#000",
                        "opacity": 1,
                        "text": "C",
                        "angle": 270,
                        "limit": 180,
                        "font": "sans-serif",
                        "fontSize": 10
                      }
                    ],
                    "zindex": 0
                  },
                  {
                    "marktype": "rule",
                    "role": "axis-domain",
                    "interactive": false,
                    "clip": false,
                    "items": [
                      {
                        "x": 0,
                        "y": 0,
                        "opacity": 1,
                        "stroke": "#888",
                        "strokeWidth": 1,
                        "x2": 60
                      }
                    ],
                    "zindex": 0
                  },
                  {
                    "marktype": "text",
                    "role": "axis-title",
                    "interactive": false,
                    "clip": false,
                    "items": [
                      {
                        "x": 30,
                        "y": 19,
                        "align": "center",
                        "baseline": "top",
                        "fill": "#000",
                        "opacity": 1,
                        "text": "identity",
                        "angle": 0,
                        "font": "sans-serif",
                        "fontSize": 11,
                        "fontWeight": "bold"
                      }
                    ],
                    "zindex": 0
                  }
                ],
                "x": 0.5,
                "y": 60.5,
                "orient": "bottom"
              }
            ],
            "zindex": 0
          },
          {
            "marktype": "group",
            "role": "axis",
            "interactive": false,
            "clip": false,
            "items": [
              {
                "items": [
                  {
                    "marktype": "rule",
                    "role": "axis-tick",
                    "interactive": false,
                    "clip": false,
                    "items": [
                      {
                        "x": 0,
                        "y": 10,
                        "opacity": 1,
                        "stroke": "#888",
                        "strokeWidth": 1,
                        "x2": -5
                      },
                      {
                        "x": 0,
                        "y": 30,
                        "opacity": 1,
                        "stroke": "#888",
                        "strokeWidth": 1,
                        "x2": -5
                      },
                      {
                        "x": 0,
                        "y": 50,
                        "opacity": 1,
                        "stroke": "#888",
                        "strokeWidth": 1,
                        "x2": -5
                      }
                    ],
                    "zindex": 0
                  },
                  {
                    "marktype": "text",
                    "role": "axis-label",
                    "interactive": false,
                    "clip": false,
                    "items": [
                      {
                        "x": -7,
                        "y": 9.5,
                        "align": "right",
                        "baseline": "middle",
                        "fill": "#000",
                        "opacity": 1,
                        "text": "QQ==",
                        "angle": 0,
                        "limit": 180,
                        "font": "sans-serif",
                        "fontSize": 10
                      },
                      {
                        "x": -7,
                        "y": 29.5,
                        "align": "right",
                        "baseline": "middle",
                        "fill": "#000",
                        "opacity": 1,
                        "text": "Qg==",
                        "angle": 0,
                        "limit": 180,
                        "font": "sans-serif",
                        "fontSize": 10
                      },
                      {
                        "x": -7,
                        "y": 49.5,
                        "align": "right",
                        "baseline": "middle",
                        "fill": "#000",
                        "opacity": 1,
                        "text": "Qw==",
                        "angle": 0,
                        "limit": 180,
                        "font": "sans-serif",
                        "fontSize": 10
                      }
                    ],
                    "zindex": 0
                  },
                  {
                    "marktype": "rule",
                    "role": "axis-domain",
                    "interactive": false,
                    "clip": false,
                    "items": [
                      {
                        "x": 0,
                        "y": 0,
                        "opacity": 1,
                        "stroke": "#888",
                        "strokeWidth": 1,
                        "y2": 60
                      }
                    ],
                    "zindex": 0
                  },
                  {
                    "marktype": "text",
                    "role": "axis-title",
                    "interactive": false,
                    "clip": false,
                    "items": [
                      {
                        "x": -43,
                        "y": 30,
                        "align": "center",
                        "baseline": "bottom",
                        "fill": "#000",
                        "opacity": 1,
                        "text": "encoded",
                        "angle": -90,
                        "font": "sans-serif",
                        "fontSize": 11,
                        "fontWeight": "bold"
                      }
                    ],
                    "zindex": 0
                  }
                ],
                "x": 0.5,
                "y": 0.5,
                "orient": "left"
              }
            ],
            "zindex": 0
          },
          {
            "marktype": "rect",
            "name": "marks",
            "role": "mark",
            "interactive": true,
            "clip": false,
            "items": [
              {
                "x": 1,
                "y": 1,
                "width": 18,
                "height": 18,
                "fill": "#4c78a8",
                "description": "identity: A; encoded: QQ==; a: A",
                "ariaRoleDescription": "bar"
              },
              {
                "x": 21,
                "y": 21,
                "width": 18,
                "height": 18,
                "fill": "#f58518",
                "description": "identity: B; encoded: Qg==; a: B",
                "ariaRoleDescription": "bar"
              },
              {
                "x": 41,
                "y": 41,
                "width": 18,
                "height": 18,
                "fill": "#e45756",
                "description": "identity: C; encoded: Qw==; a: C",
                "ariaRoleDescription": "bar"
              }
            ],
            "zindex": 0
          }
        ],
        "x": 0,
        "y": 0,
        "width": 60,
        "height": 60,
        "fill": "transparent",
        "stroke": "#ddd"
      }
    ],
    "zindex": 0
  }
