JSFiddle - React, Tailwind, and code Playground

by esbullington

HTML

<html> 
  <head> 
    <title>Donut Chart</title> 
        <script type="text/javascript" src="http:////cdnjs.cloudflare.com/ajax/libs/bonsai/0.4.1/bonsai.min.js"></script> 
    <style type="text/css">

    </style> 
  </head> 
  <body> 
    <div id="movie"></div>
  </body> 
</html>

CoffeeScript

bonsai.run document.getElementById("movie"),
  width: 500
  height: 400
  code: ->
    new Rect(10, 10, 100, 100).addTo(stage)
      .attr("fillColor", "green")
      .on("drag", (e)->
        this.attr("x", e.stageX)
          .attr("y", e.stageY)
      )