hconcat_donut

hconcat_donut.json

{
  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
  "data": {
    "values": [
      {"category": "A", "subcategory": "A1", "sales": 100},
      {"category": "A", "subcategory": "A2", "sales": 200},
      {"category": "B", "subcategory": "B1", "sales": 150},
      {"category": "B", "subcategory": "B2", "sales": 50}
    ]
  },
  "transform": [
    {
      "joinaggregate": [{"op": "sum", "field": "sales", "as": "TotalSales"}],
      "groupby": ["category"]
    },
    {
      "joinaggregate": [
        {"op": "sum", "field": "sales", "as": "SubcategoryTotal"}
      ],
      "groupby": ["subcategory"]
    }
  ],
  "hconcat": [
    {
      "transform": [
        {
          "aggregate": [
            {"op": "sum", "field": "TotalSales", "as": "CategoryTotalSales"}
          ],
          "groupby": ["category"]
        }
      ],
      "mark": {"type": "arc", "innerRadius": 80, "outerRadius": 100},
      "encoding": {
        "theta": {"field": "CategoryTotalSales", "type": "quantitative"},
        "color": {"field": "category", "type": "nominal"}
      }
    },
    {
      "transform": [
        {
          "aggregate": [
            {"op": "sum", "field": "sales", "as": "SubcategoryTotalSales"}
          ],
          "groupby": ["subcategory"]
        }
      ],
      "mark": {"type": "arc", "innerRadius": 40, "outerRadius": 80},
      "encoding": {
        "theta": {"field": "SubcategoryTotalSales", "type": "quantitative"},
        "color": {"field": "subcategory", "type": "nominal"}
      }
    }
  ]
}