C3 Donuts example

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.11/c3.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.11/c3.css">
<div id="chart"></div>

CSS

body {
  font-family: Arial;
  font-size: 12px;
}

Babel + JSX

const type = 'donut'
const title = 'Total:140'

var chart = c3.generate({
    data: {
        columns: [
            ['Yoko', 30],
            ['Linda', 40],
            ['New', 40],
            ['Yes', 30]
        ],
        type
    },
    donut: { title, width: 90 }
});