D3例如不工作

我只是复制从第一个例子中的粘贴在这里这样的： http://www.recursion.org/d3-for-mere-mortals/D3例如不工作

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

<!--<script src="d3/d3.v3.js"></script>--> 
<script src="/d3/d3.v3.js"></script> 

<div> 
    <script> 

     var rectDemo = d3.select("#rect-demo"). 
       append("svg:svg"). 
       attr("width", 400). 
       attr("height", 300); 

     rectDemo.append("svg:rect"). 
       attr("x", 100). 
       attr("y", 100). 
       attr("height", 100). 
       attr("width", 200); 

     d3.selectAll("body").append(rectDemo) ; 

    </script> 
</div> 


</body>

，它显示在页面上什么都没有。我相信我在这里做了一些愚蠢的事情，但这是我的第一个例子，并且无法弄清楚发生了什么事情......

来源

2013-03-11 Bohn

该脚本试图在svg元素中绘制矩形，现有）元素与id="rect-demo"。

因此，你需要有一个HTML元素（例如<div>）用适当的id：

<div id="rect-demo"> </div>

看到这个现场演示：http://jsbin.com/enisen/2/edit

来源

2013-03-11 21:00:45 GolfWolf

D3例如不工作

回答

相关问题