JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.4/raphael-min.js"></script>
<div id="dashboard-donut-1"></div>

CSS

#dashboard-donut-1 path[fill="#000001"] {
    fill: #588007;
}

#dashboard-donut-1 path[fill="#000002"] {
    fill: #fea223;
}

#dashboard-donut-1 path[fill="#000003"] {
    fill: #435F0A;
}

#dashboard-donut-1 path[fill="#000004"] {
    fill: #b64645;
}

#dashboard-donut-1 path[fill="#000005"] {
    fill: #FFF;
}

JavaScript

Morris.Donut({
    element: 'dashboard-donut-1',
    data: [
        {label: "Returned", value: 1513},
        {label: "New", value: 764},
        {label: "Unique", value: 300},
        {label: "Registered", value: 1311},
        {label: "Guests", value: 250}
    ],
    colors: ['#000001', '#000002', '#000003', '#000004', '#000005'],
    resize: true
});