JSFiddle - React, Tailwind, and code Playground

by ZhenLiu

HTML

<div id="drawing"></div>

JavaScript

var draw = SVG("SimpleHouse").size(500,500)

var roof = draw.polygon('125,0 0,125 250,125').fill('#f00').stroke({ width: 1 });

var framework =draw.rect(200,175).fill('#fff').stroke({width: 1}).x(27).y(126);

var door= draw.rect(80,90).x(85).y(210);

var win=draw.rect(100,50). fill('#2ad').stroke({width: 1}).x(75).y(145).radius(10);

var winline=draw.line(127,145, 127,195).stroke({ width: 2 })