JSFiddle - React, Tailwind, and code Playground

by Robert Tome

HTML

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

CSS

#myChart {
    border : 1px solid red
}

JavaScript

// charts.js sample
    var ctx = document.getElementById("myChart").getContext("2d");
    var data = {
        labels: ["January", "February", "March", "April", "May", "June", "July"],
        datasets: [{
            fillColor: "rgba(172,194,132,0.4)",
            strokeColor: "#ACC26D",
            pointColor: "#999",
            pointStrokeColor: "#9DB86D",
            data: [203, 156, 99, 251, 305, 247, 200]
        }]
    };
    var myLineChart = new Chart(ctx).Line(data);