JSFiddle - React, Tailwind, and code Playground

by Shang-De You

JavaScript

var svg = d3.select("body").append("svg")
	.attr("width", 500)
  .attr("height", 500)
  
svg.append("rect")
	.attr("stroke", "black")
	.attr("stroke-width", 3)
  .attr("fill", "none")
  .attr("width", 100)
  .attr("height", 100)
  .transition()
  .tween('move',function(){
    var start = d3.transform("translate(10,10)");
    var end = d3.transform("translate(50,50)");
    var interpolate = d3.interpolateTransform(start,end);
    return function(t){
       d3.select(this).attr("transform", interpolate(t));
    }
  });