JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.chartjs.org/docs/Chart.js"></script>
<div style="height:1000px"></div>
<canvas id="canvas" class="startChart" height="200" width="200"></canvas>

JavaScript

$(window).bind("scroll", function(){            
    $('.startChart').each(function(i){	
            var options = {
					animationEasing: 'easeOutQuart',	    
					animationSteps: 150,
					segmentShowStroke: true,
					segmentStrokeColor: 'FFF'					
			};
            var doughnutData = [
				{value: 30, color:"#F7464A"},				
				{value : 120,color : "#4D5360"}			
			];
            var myDoughnut = new Chart(document.getElementById("canvas").getContext("2d")).Doughnut(doughnutData, options);
            $(window).unbind(i);
    });
});