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

回答

相關問題