如何移动SVG在D3中的位置？

我使用 D3 创建了一个 svg。然而，它只显示在屏幕的左上角，或者被附加到另一个 svg 中。我可以使用 JavaScript 移动它吗？ 例如：

  var svg = d3.select("body").append("svg")
    .attr("width", 200)
    .attr("height", 200);

使用 d3js + Jquery ：

// svg design
var svg = d3.select("#chart").append("svg")
    .attr("width", 200)
    .attr("height", 200);

// svg repositioning
$("svg").css({top: 200, left: 200, position:'absolute'});

Or

// svg align center
d3.select("#chart").attr("align","center"); //  thanks & +1 to chaitanya89

现场演示 http://jsfiddle.net/ncyg5hcd/20/