Chart.js bubble chart

by Akihiko Kusanagi

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js"></script>
<canvas id="chart"></canvas>

JavaScript

var ctx = document.getElementById('chart').getContext('2d');
var chart = new Chart(ctx, {
  type: 'bubble',
  data: {
  	datasets: [{
    	data: [
        {x: 10, y: 10, r: 10},
        {x: 20, y: 20, r: 20},
        {x: 30, y: 30, r: 30}
      ],
      backgroundColor: [
        'rgba(255,0,0,0.5)',
        'rgba(0,255,0,0.5)',
        'rgba(0,0,255,0.5)',
      ]
    }]
  }
});