Charts
Marimekko
Width is volume, height is share. Area is the real number.
ChromeSafariFirefoxEdge
- visitors4,369
- pageviews10,241
Props
| Property | Type | Default | Description |
|---|---|---|---|
data | ChartDatum[] | — | One row per column. Rows totalling zero are dropped. |
dataKeys | string[] | — | Segment keys, stacked in order within each column. |
labelKey | string | "label" | Column name, printed on the axis. |
variant | "mosaic" | "labels" | "outline" | "heat" | "mosaic" | mosaic is solid fills. labels prints each share where it fits. outline keeps only hairlines. heat drops the categorical palette for one hue tinted by each cell's share, comparing cells across columns instead of naming the series. |
height | number | 260 | Height in px. Width is fluid. |
className | string | — | Outer wrapper. |