JSFiddle - React, Tailwind, and code Playground

by Aleksandr Pavlovsky

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<div id="draw"></div>

JavaScript

var paper = Raphael('draw', 800, 600),
	filler = {
		fill: 'red',
		stroke: 'gray',
		'sctroke-width': 2
	},
	circles = [],
	size, angle;

for (var i = 0; i < 50; i++) {
	size = Math.random() * 100 + 30;
	filler.fill = "rgb(" + Math.random() * 255 + "," + Math.random() * 255 + "," + Math.random() * 255 +")";
	circles.push(
		paper.rect(
			Math.random() * paper.width,
			Math.random() * paper.height,
			size,
			size,
			Math.random() * 50
		)
			.attr(filler)
			.transform("r" + Math.random() * 90)
	);

};