Javascript D3.js-创建一个矩形？_Javascript_D3.js_Svg

Javascript D3.js-创建一个矩形？

javascript d3.js svg

Javascript D3.js-创建一个矩形？,javascript,d3.js,svg,Javascript,D3.js,Svg,我刚刚开始学习，我有一个非常简单的程序，它只创建一个矩形： <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title> D3 Slider </slider> <script src="//d3js.org/d3.v3.min.js" charset="utf-8"></script> <

我刚刚开始学习，我有一个非常简单的程序，它只创建一个矩形：

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title> D3 Slider </slider>
     <script src="//d3js.org/d3.v3.min.js" charset="utf-8"></script>
</head>
<body>
<div>
    <script>
        //make the svg container 
        var svgContainer = d3.select("body").append("svg")
                                       .attr("width",200)
                                       .attr("height",200); 
        //make the rectangle 
        var rectangle = svgContainer.append("rect")
                                     .attr("x",150)
                                     .attr("y",50)
                                  .attr("width",50)
                               .attr("height",140);
    </script>
</div>

</body>
</html>


D3滑块
//创建svg容器
var svgContainer=d3.select（“body”）.append（“svg”）
.attr（“宽度”，200）
.attr（“高度”，200）；
//做长方形
var rectangle=svgContainer.append（“rect”）
.attr（“x”，150）
.attr（“y”，50）
.attr（“宽度”，50）
.attr（“高度”，140）；

但是当我运行它时，矩形不会创建，我会得到一个空白屏幕？我是否必须将SVG元素添加到div中？很抱歉，如果这是一个简单的问题，但我就是想不出来

D3滑块

关闭，将

更改回

使代码工作正常

还建议在关闭

之前将脚本移动到，或在

d3.js

脚本下方的

标记中移动脚本


D3滑块
//创建svg容器
var svgContainer=d3.select（“body”）.append（“svg”）
.attr（“宽度”，200）
.attr（“高度”，200）；
//做长方形
var rectangle=svgContainer.append（“rect”）
.attr（“x”，150）
.attr（“y”，50）
.attr（“宽度”，50）
.attr（“高度”，140）；

谢谢你的回答！但是在结束什么之前？我只是注意到了你的代码在结尾处不能正常工作的真正原因哦。。。哇！再一次，真的很无聊，但非常感谢你！