Marimekko / mosaic chart

Vanilla JS

import { MarimekkoChart } from '@arshad-shah/swift-chart';

new MarimekkoChart('#chart', { theme: 'midnight' })
  .setData(segmentRevenue, { x: 'segment', y: ['premium', 'plus', 'free'] });

React

import { Marimekko } from '@arshad-shah/swift-chart/react';

<Marimekko
  data={segmentRevenue}
  mapping={{ x: 'segment', y: ['premium', 'plus', 'free'] }}
  theme="midnight"
  height={320}
/>

Reference

• Class: MarimekkoChart
• React component: Marimekko