JSFiddle - React, Tailwind, and code Playground

by Simon Price

HTML

<link data-require="[email protected]" data-semver="0.4.9" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/c3/0.4.9/c3.css" />
  <script data-require="[email protected]" data-semver="0.4.9" src="//cdnjs.cloudflare.com/ajax/libs/c3/0.4.9/c3.js"></script>
  <script data-require="[email protected]" data-semver="3.5.3" src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.3/d3.js"></script>
  <link rel="stylesheet" href="style.css" />
  <script src="script.js"></script>

  <div id="chart"></div>

JavaScript

var chart = c3.generate({
        data: {
          columns: [
            ['data1', 30],
            ['data2', 50],
            ['data3', 77],
            ['data4', 23],
            ['data5', 5],
            ['data6', 30],
          ],
          type: 'donut'
        },
        donut: {
        title: "Simons Sample",
          label: {
            format: function(value, ratio, id) {
              return value;
            }
          }
        }
      });