JSFiddle - React, Tailwind, and code Playground

by suraj mahajan

HTML

<script src="http://www.chartjs.org/assets/Chart.js"></script>
<canvas id="skills" style="width:100%;height:350px;"></canvas>

CSS

small
{
    display: block;
    margin-top: 1em;
}

JavaScript

var pieData = [
   {
      value: 25,
      label: 'Java',
      color: '#811BD6'
   },
   {
      value: 10,
      label: 'Scala',
      color: '#9CBABA'
   },
   {
      value: 30,
      label: 'PHP',
      color: '#D18177'
   },
   {
      value : 35,
      label: 'HTML',
      color: '#6AE128'
   }
];

var context = document.getElementById('skills').getContext('2d');
var skillsChart = new Chart(context).Bar(pieData);