Cross Tab Pie Chart

Displays the proportion of each category within a sub-category, creating a nested pie chart visualization. This helps in understanding the distribution of categories within different sub-categories. It is useful for analyzing complex data with multiple levels of categorization.

Chart:

Code:

  const { muze, getDataFromSearchQuery } = viz;

  const data = getDataFromSearchQuery();

  const ColumnField = "Category";
  const RowField = ["Region","Segment"];
  const ColorField = "State";
  const TextField = "State";
  const AngleField = "Sales";
  const RadiusField = "Sales";

  muze
      .canvas()
      .rows([RowField])
      .columns([ColumnField])
      .layers([
      {
          mark: "arc",
          encoding:{
              color: ColorField,
              text: TextField,
              angle: AngleField,
              radius: RadiusField,
          },
      },
      ])
      .data(data)
      .mount("#chart") // mount your chart