JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cloud.github.com/downloads/processing-js/processing-js/processing-1.3.6.min.js"></script>
<canvas id="canvas1" width="300" height="200"></canvas>

<script id="script1" type="text/javascript">
var i=0;
    
function sketchProc(processing) {
  processing.size( 300, 200 );
  processing.draw = function() {    
    processing.fill(255,0,0);        
    processing.text('|',(++i)%300,(Math.floor(i/300)+1)*10);            
  };  
}

var canvas = document.getElementById("canvas1");
var p = new Processing(canvas, sketchProc);
</script>