D3がjupyterノートブック内に表示されない

Question

私はこのエラーを起こさずに何も表示されないjupyterノートブック内にこのhtml/javascript/d3コードを書いています。理想的には、2つの円、1つは青、もう1つは緑の色で表示する必要があります。何が問題になりますか？

HTML('<script src="http://d3js.org/d3.v3.min.js"></script>') 

HTML(''' 
<div class="legend">Sample</div> 
<div id="sample"></div> 
<script type="text/javascript"> 

var svg=d3.select("#sample").append("svg").attr("width",500).attr("height",200); 
var dataset = [ 
{ 
    x: 10, 
    y: 10, 
    r: 2, 
    text:"a", 
    color:"blue" 
}, 
{ 
    x: 20, 
    y: 10, 
    r: 2, 
    text:"b", 
    color:"green" 
}]; 
svg.selectAll("circle") 
.data(dataset) 
.enter() 
.append("circle") 
.attr("cx",function(d){return d.x;}) 
.attr("cy",function(d){return d.y;}) 
.attr("r",function(d){return d.r;}) 
.attr("fill",function(d){return d.color;}) 
.text(function(d){return d.text;}); 

''') 

Answer 1

可能性のある問題：あなたは<script type="text/javascript"> 感謝を閉じるのを忘れて！