JSFiddle - React, Tailwind, and code Playground

HTML

<div id="draw"> <!-- комментарий -->
</div>

JavaScript

var draw = SVG("draw");

firtree(50, 50).animate(10000).move(100, -50);
firtree(150, 70);
firtree(100, 130);


function firtree(x, y) {
    var tree = draw.group();
    tree.line(x, y, x, y+100).stroke({color: "green", width:2});
    
    for (var dy = 0; dy < 5; dy = dy + 1) {
        tree.line(x, y + dy*10, x-20, y+20 + dy*10).stroke({color: "green", width: 2});
        tree.line(x, y + dy*10, x+20, y+20 + dy*10).stroke({color: "green", width: 2});
    }
    return tree;
}