# import libraries (including our short d3_lib script)
from IPython.core.display import HTML
scriptタグのsrc属性指定では、うまくd3.v3.min.jsを読み込めないみたい
%%html
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<div id="someDiv" style="width:200px;height:100px;border:black 1px solid;">
<input id="someCheckbox" type="checkbox" />
</div>
%%html
<img src="images/logo.png"/>
%%javascript
d3.select("#someDiv").style("border", "5px darkgray dashed");
d3.select("#someDiv").attr("id", "newID");
d3.select("#someCheckbox").property("checked", true);
%%HTML
<html>
<div id="Test1">
<div></div>
</div>
</html>
%%javascript
d3.csv("data/cities.csv",function(error,data) {dataViz(data)});
function dataViz(incomingData) {
d3.select("#Test1").selectAll("div.cities")
.data(incomingData)
.enter()
.append("div")
.attr("class","cities")
.html(function(d,i) {return d.label})
}
console.logの代わりにelement.textを使うと出力をjupyterに表示することができるみたい。
コンソール出力の方が中身が見れるので強力です。
%%javascript
element.text('Hi');
%%javascript
var pieChart = d3.layout.pie();
var yourPie = pieChart([1,1,2]);
console.log(yourPie);
element.text(yourPie);