Marimekko charts (mosaic plots) extend stacked bar charts by allowing column widths to vary proportionally to a second quantitative dimension. This encodes two variables simultaneously: the height of each segment shows its proportion within the column, while the column width encodes the total volume of that category.

Subtype

▾

Live Preview

This chart type requires a Pro license.

Please upgrade to unlock advanced visualizations.

{
  "title": {
    "text": "Smartphone Market Share by Region"
  },
  "data": [
    {
      "region": "North America",
      "brand": "Apple",
      "share": 55,
      "marketSize": 180
    },
    {
      "region": "North America",
      "brand": "Samsung",
      "share": 28,
      "marketSize": 180
    },
    {
      "region": "North America",
      "brand": "Other",
      "share": 17,
      "marketSize": 180
    },
    {
      "region": "Europe",
      "brand": "Apple",
      "share": 31,
      "marketSize": 220
    },
    {
      "region": "Europe",
      "brand": "Samsung",
      "share": 38,
      "marketSize": 220
    },
    {
      "region": "Europe",
      "brand": "Other",
      "share": 31,
      "marketSize": 220
    },
    {
      "region": "Asia Pacific",
      "brand": "Apple",
      "share": 18,
      "marketSize": 580
    },
    {
      "region": "Asia Pacific",
      "brand": "Samsung",
      "share": 22,
      "marketSize": 580
    },
    {
      "region": "Asia Pacific",
      "brand": "Other",
      "share": 60,
      "marketSize": 580
    },
    {
      "region": "Latin America",
      "brand": "Apple",
      "share": 12,
      "marketSize": 120
    },
    {
      "region": "Latin America",
      "brand": "Samsung",
      "share": 35,
      "marketSize": 120
    },
    {
      "region": "Latin America",
      "brand": "Other",
      "share": 53,
      "marketSize": 120
    }
  ],
  "series": [
    {
      "type": "marimekko",
      "xKey": "region",
      "yKey": "share",
      "widthKey": "marketSize",
      "fills": [
        "#6366f1",
        "#f59e0b",
        "#10b981"
      ]
    }
  ]
}

Edit JSON above · auto-previews after 0.9 s

Column widths represent total market size per region; segment heights show each brand's share within that region.

PreviousParallel Coordinates Next Slope Charts

Was this article helpful?