D3未在jupyter筆記本中顯示

Question

我正在jupyter筆記本中編寫此html / javascript / d3代碼，該代碼可以正常運行，但不顯示任何內容。 理想情況下，它應該顯示兩個圓圈，一個圓圈為藍色，另一個圓圈為綠色。 可能是什么問題？

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">謝謝！