JSFiddle - React, Tailwind, and code Playground

JavaScript

d3.select("body").append("svg").append("rect")
    .attr("width", 100)
    .attr("height", 100)
    .attr("transform","translate(100,100)")
    .style("color", "black")
    .call(
        d3.behavior.drag()
            .on("dragstart", function(){
                console.log('relative to rect: ' + d3.mouse(this));
                console.log('relative to body: ' + d3.mouse(d3.select("body").node()));
            })
            .on("drag", function(){
                //console.log(d3.event);
            })
            .on("dragend", function(){
                //console.log(d3.event);
            })
        );