JSFiddle - React, Tailwind, and code Playground

by UTree

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.js"></script>
<html><head><script type="text/javascript" src ="Chart.js"></script><title>Green</title></head><body style="background-color:#7fff7f;"><canvas id="myChart" width="320" height="320"></canvas><script language="javascript">var canvas = document.getElementById("myChart");var data = {labels: ["Clusters", "Black", "Length", "Width", "Lines", "Contours", "Area","Pointedness","Geometry"],datasets: [{label: "My First dataset",backgroundColor: ["rgba(255, 99, 132, 0.2)","rgba(54, 162, 235, 0.2)","rgba(255, 206, 86, 0.2)","rgba(75, 192, 192, 0.2)","rgba(153, 102, 255, 0.2)","rgba(255, 159, 64, 0.2)"],borderColor: ["rgba(255,99,132,1)","rgba(54, 162, 235, 1)","rgba(255, 206, 86, 1)","rgba(75, 192, 192, 1)","rgba(153, 102, 255, 1)","rgba(255, 159, 64, 1)"],borderWidth: 1,data: [0.20794232083952768, 1.7021686956495827, 21.46806585597957, 0.1417175038762387, 2.599222625631754, 2.0765355763867857, 18.7074349944391, 4.573234488216247,  11.898872928199104],}]};var myBarChart = new Chart.Bar(canvas, {data: data, });</script></body></html>