JSFiddle - React, Tailwind, and code Playground

by chriswilsondc

JavaScript

paper = Raphael(0, 0, 500, 500);

var r1 = paper.rect(25, 25, 50, 50).attr({ 'stroke-width': 0, fill: 'red' });
var r2 = paper.circle(125, 50, 25).attr({ 'stroke-width': 0, fill: 'red' });
var r3 = paper.text(200, 50, "H").attr({ 'stroke-width': 0, fill: 'red', 'font-size': 60 });

var g1 = paper.rect(100, 100, 50, 50).attr({ 'stroke-width': 0, fill: 'green' });
var g2 = paper.circle(200, 125, 25).attr({ 'stroke-width': 0, fill: 'green' });
var r3 = paper.text(50, 125, "H").attr({ 'stroke-width': 0, fill: 'green', 'font-size': 60 });


var b1 = paper.rect(175, 175, 50, 50).attr({ 'stroke-width': 0, fill: 'blue' });
var b2 = paper.circle(50, 200, 25).attr({ 'stroke-width': 0, fill: 'blue' });

var r3 = paper.text(125, 200, "?").attr({ 'stroke-width': 0, fill: 'gray', 'font-size': 60 });