Sample: Scatter

Live preview

Code

<div id="chart" style="width:800px;height:420px"></div>
<script type="module">
  import { Insight } from 'https://unpkg.com/@chartbuddy.io/embed';

  new Insight('#chart', {
    persist: false,
    chartData: {
      chartType: 'scatter',
      seriesData: [
        ['', 'Metric X', 'Metric Y', 'Size', 'Group'],
        ['A', 10, 15, 8, 'G1'],
        ['B', 14, 11, 12, 'G1'],
        ['C', 8, 20, 6, 'G2'],
      ],
      title: { visible: true, text: 'Scatter' },
      subtitle: { visible: false, text: '' },
    },
  });
</script>