JSFiddle - React, Tailwind, and code Playground

by endemic

HTML

<html>
    <head>
       <script type="text/javascript" src="https://raw.github.com/DmitryBaranovskiy/raphael/300aa589f5a0ba7fce667cd62c7cdda0bd5ad904/raphael-min.js"></script>
    </head>
    <body>
    <p class="add">[+]</p><p class="remove">[-]</p>
    <div id="paper"></div>
    </body>
</html>

CSS

body{padding:10px;overflow:hidden;background:#dcdcdc}
#paper {width:100%;height:300px;border:1px solid;background:#fff}

JavaScript

var paper = Raphael('paper');
    paper.setViewBox(0, 0, paper.width, paper.height);

    $('p.add').live('click', function(){
        //alert('id='+$(this).attr('href'))
        var d = paper.rect(30, 30, 20, 20).attr({
            'fill': '#e0e0e0'
            });
    });

    $('p.remove').live('click', function(){
        d.remove();
    });