JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.chartjs.org/assets/Chart.js"></script>
<canvas id="myChart" width="400" height="400"></canvas>

JavaScript

var data = [{
        value: 30,
        color: "#F7464A",
        label: "Yasser"
    }, {
        value: 50,
        color: "#E2EAE9",
        label: "Zeyd"
    }, {
        value: 100,
        color: "#D4CCC5",
        label: "Mouad"
    }, {
        value: 40,
        color: "#949FB1",
        label: "Hanine"
    }, {
        value: 120,
        color: "#4D5360",
        label: "Kheira"
    }

    ]

    var options = {
       
        animation: false,
        scaleShowLabels: true
    };

    //Get the context of the canvas element we want to select
    var c = $('#myChart');
    var ct = c.get(0).getContext('2d');
    var ctx = document.getElementById("myChart").getContext("2d");
    /*************************************************************************/
    myNewChart = new Chart(ct).Doughnut(data, options);