test movement block

Built with blockbuilder.org

<!DOCTYPE html>
<meta charset="utf-8">
<style>

.active {
  stroke: #000;
  stroke-width: 2px;
}

.rect {
  pointer-events: all;
  stroke: none;
  stroke-width: 40px;
}

</style>

<body>

var margin = {top: 10, right: 10, bottom: 10, left: 30},
    width = 700 - margin.left - margin.right,
    height = 500 - margin.top - margin.bottom,
    rech = 40,
  	recw = 250;

//x-axis  
  chart1.append("g")
  	.attr("transform","translate(0," + (height - margin.bottom) + ")")
  	.call(d3.axisBottom(xRange));
  
  chart1.append("text")
  	.attr("transform","translate(" + (width/2) + " ," + (height + margin.bottom+10)+ ")")
  	.style("text-anchor","middle")
  	.text("x");

//y-axis
  chart1.append("g")
  .attr("transform", "translate(20,0)")
  .call(d3.axisLeft(yRange));
  
  chart1.selectAll(".bar")
  	.data(dataset)
  .enter().append("rect")
  	.attr("class", "bar")
  	.attr("x", function(d){return xRange(d.x);})
  	.attr("width", x.bandwidth())
  	.attr("y", function(d){return yRange(d.y);})

//this is the box element
var group = svg.append("g")
	.data(whatever)
  .call(d3.drag()
    .on("start", dragstarted)
    .on("drag", dragged));

group.append("rect")
     .attr("x", function(d) { return d.x; })
     .attr("y", function(d) { return d.y; })
     .attr("height", rech)
     .attr("width", recw)
     .style("fill", "url(#linear-gradient)");
  
group.append("text")
     .attr("x", function(d) { return d.x; })
     .attr("y", function(d) { return d.y + (rech/2); })
		 .style("fill", "url(#linear-gradient)")
		 .text("Close");  
  
//drag functions
function dragstarted(d) {
  d3.select(this).raise();
}

function dragged(d) {
  d3.select(this).select("rect")
    .attr("x", d.x = Math.max(0, Math.min(width, d3.event.x)))
    .attr("y", d.y = Math.max(0, Math.min(height, d3.event.y)))
    d3.select(this).select("text")
    .attr("x", d.x = Math.max(0, Math.min(width, d3.event.x)))
    .attr("y", d.y  = Math.max(0, Math.min(height, d3.event.y  + (rech/2))));;
}
</script>
</body>

https://d3js.org/d3.v4.min.js