{
  "version": "xarts.unit-allocation/1",
  "family": "unit-allocation",
  "provenance": {
    "legacyId": "dotmatrix"
  },
  "document": {
    "header": {
      "title": "Clinical Trial Outcomes",
      "subtitle": "Outcomes of 100 patients"
    },
    "footer": {
      "source": "xarts · demo data",
      "notes": "Illustrative data to explore the chart and replace with your own."
    },
    "spacing": {
      "horizontalPadding": 24,
      "topPadding": 22,
      "bottomPadding": 16,
      "minimumTextGap": 4
    }
  },
  "output": {
    "filename": "dotmatrix",
    "embedSpec": true,
    "geometryDecimals": 2
  },
  "presentation": {
    "theme": "anlak",
    "dimensions": {
      "width": 800,
      "height": 500
    },
    "locale": "en-US",
    "fonts": "reference",
    "surface": "theme",
    "framePadding": 24
  },
  "annotations": [],
  "data": {
    "kind": "collective-units",
    "unit": "percent",
    "rows": [
      {
        "id": "category-1",
        "label": "Complete Recovery",
        "count": 62
      },
      {
        "id": "category-2",
        "label": "Partial Recovery",
        "count": 18
      },
      {
        "id": "category-3",
        "label": "No Change",
        "count": 14
      },
      {
        "id": "category-4",
        "label": "Adverse Effects",
        "count": 6
      }
    ]
  },
  "encoding": {
    "id": "id",
    "label": "label",
    "count": "count"
  },
  "allocation": {
    "mode": "fixed-grid-share",
    "units": 100,
    "denominator": 100,
    "rounding": "largest-remainder"
  },
  "layout": {
    "view": "grid",
    "margin": {
      "top": 24,
      "right": 20,
      "bottom": 56,
      "left": 48
    },
    "columns": 10,
    "fillOrder": "top-left",
    "cellGap": 3,
    "bandPadding": 0.3,
    "labelGap": 12,
    "countGap": 8,
    "titleHeight": 28,
    "legendHeight": 44,
    "hemicycle": {
      "rows": 5,
      "innerRadius": 0.25,
      "outerRadius": 0.92,
      "centerX": 0.5,
      "centerY": 1,
      "rowAllocation": "nearest-reverse-correction",
      "minMarkRadius": 1
    }
  },
  "marks": {
    "shape": "circle",
    "colors": [
      "emerald",
      "teal",
      "cyan",
      "red"
    ],
    "radius": 5,
    "cornerRadius": 2,
    "opacity": 1,
    "hoverScale": 1.3,
    "hiddenColor": "borderLight",
    "hiddenOpacity": 0.3
  },
  "labels": {
    "title": "Out of 100 patients...",
    "titleStyle": {
      "fontSize": 14,
      "fontWeight": 600,
      "color": "textPrimary"
    },
    "row": {
      "fontSize": 12,
      "fontWeight": 500,
      "color": "textPrimary"
    },
    "count": {
      "fontSize": 11,
      "fontWeight": 400,
      "color": "textMuted"
    },
    "total": {
      "fontSize": 18,
      "fontWeight": 700,
      "color": "textPrimary"
    },
    "totalSubtitle": {
      "fontSize": 11,
      "fontWeight": 400,
      "color": "textMuted"
    },
    "totalSubtitleText": "seats",
    "totalOffset": -8,
    "subtitleOffset": 8
  },
  "legend": {
    "flow": {
      "itemGap": 16,
      "rowGap": 6,
      "edgePadding": 16
    },
    "exportMeasurement": "shaped",
    "mode": "inline-bottom",
    "shape": "circle",
    "value": "percent",
    "itemWidth": 140,
    "offsetY": 8,
    "symbolRadius": 5,
    "labelOffsetX": 14,
    "labelOffsetY": 9,
    "style": {
      "fontSize": 11,
      "fontWeight": 500,
      "color": "textSecondary"
    }
  }
}