Bubble chart

Vanilla JS

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

const chart = new BubbleChart('#chart', { theme: 'midnight' });
chart.setData(rows, {
  x: 'gdp', y: 'life',
  sizeField: 'pop',
  groupField: 'region',
});

React

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

<Bubble
  data={rows}
  mapping={{ x: 'gdp', y: 'life', sizeField: 'pop', groupField: 'region' }}
  theme="midnight"
  height={360}
/>

Reference

• Class: BubbleChart
• React component: Bubble