JSFiddle - React, Tailwind, and code Playground

HTML

<svg></svg>

JavaScript

var svgHeight = 400,
    svgWidth = 500;
var parent = d3.select("svg")
    .attr({
    "height": "" + svgHeight + "px",
        "width": svgWidth
});

  var pathGroup = parent.append("g")
                .attr("id", "groupOfPaths")
                

pathGroup.append("path")
    .attr("d", "M25, 60 C100, 0 25, -10 25, 15 C25, -10 - 50, 0 25, 60 Z")
    .attr("stroke", "blue")
    .attr("stroke-width", 2)
    .attr("fill", "none");
pathGroup.append("path")
    .attr("d", "M55, 60 C100, 0 15, -10 25, 45 C25, -10 - 50, 0 100, 60 Z")
    .attr("stroke", "blue")
    .attr("stroke-width", 2)
    .attr("fill", "none");