JSFiddle - React, Tailwind, and code Playground

HTML

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="width:200px;height:200px;">
  <text x="50" y="30" fill="red" text-anchor="start">I love SVG</text>
</svg>

JavaScript

var dragMove = function (d,i) {
    x = parseInt(d3.select(this).attr("x"));
    y = parseInt(d3.select(this).attr("y"));
    d3.select(this).attr("x", x + d3.event.dx)
                   .attr("y", y + d3.event.dy);
};

var drag = d3.behavior.drag()
                .on("drag", dragMove);

d3.select("svg")
    .select("text")
    .call(drag);