<svg class="pie-chart"></svg>
<script src="https://cdn.jsdelivr.net/npm/chart.xkcd@1.1/dist/chart.xkcd.min.js"></script>
<script>
  const svg = document.querySelector('.pie-chart');
  const pieChart = new chartXkcd.Pie(svg, {
    title: 'SONICMOOVの職種別比率', // optional
    data: {
      labels: ['Engineer', 'Director', 'Creative', 'Back office'],
      datasets: [{
        data: [45, 35, 15, 5],
      }],
    },
    options: { // optional
      innerRadius: 0.5,
      legendPosition: chartXkcd.config.positionType.upRight,
    },
  });
</script>