# Marimekko chart in Figma

> Two dimensions at once: share within, share across

A Marimekko (or mekko) chart varies column width as well as segment height, so it encodes market size and market share in one picture. It is dense and it rewards a patient reader, which makes it a strategy-deck chart rather than a dashboard one.

## Available in 1 of 5 chart libraries

| Library | Ready-made examples |
| --- | --- |
| D3 · Nivo | 1 |

1 examples in total.

These are the real charting libraries running inside the plugin, not redrawn lookalikes. The marimekko chart on your canvas is the library's own output, and the Export tab hands developers that same library's configuration plus React, Vue, Angular or Svelte code — so what you design is what gets built.

## Reach for it when

- Market maps: segment size along the x-axis, competitor share within each segment.
- You genuinely need both dimensions and the audience will spend time on it.

## Use something else when

- A quick read matters — almost everyone misreads area at a glance.
- One of the two dimensions is roughly constant; a stacked bar is honest and clearer.

## The data it needs

A matrix: rows are segments, columns are groups, values are the amounts.

| Category | 2024 | 2025 |
| --- | --- | --- |
| Alpha | 120 | 145 |
| Beta | 80 | 96 |
| Gamma | 45 | 61 |

---

Install Figma Charts: https://www.figma.com/community/plugin/1345221583582136577/figma-charts

All chart types: https://systergon.com/figma-charts/chart-types