JSFiddle - React, Tailwind, and code Playground

by denniswaltermartinez

CSS

svg {
margin: 100px;
}

JavaScript

// Creates canvas 320 Ă— 200 at 10, 50
var paper = Raphael(0, 0, 250, 11);

// Creates circle at x = 50, y = 40, with radius 10
//var circle = paper.circle(50, 40, 10);
// Sets the fill attribute of the circle to red (#f00)
//circle.attr("fill", "#f00");

// Sets the stroke attribute of the circle to white
//circle.attr("stroke", "#fff");


var line = [
    'M0,0 L100,0',
    'M100,0 L125,10',
    'M125,10 L150,0',
    'M150,0 L250,0'
]

var line = paper.path(line.join(''));
line.attr('stroke', '#D7D7D7');
line.translate(0.5, 0.5);