D3.jsには、以前から興味があったのでちょっと触ってみる。
これからも新たな勉強です。
[html]
<html>
<head>
<title>D3.js</title>
</head>
<body>
<p>こんにちは。D3は楽しそうですね。</p>
<div>Hello Whoocus!!</div>
<div>Welcome to Whoocus!!</div>
<div>Welcome to Whoocus!!</div>
<div>Welcome to Whoocus!!</div>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script type="text/javascript">
var dataset = [22, 45, 54, 12];
d3.select("body").selectAll("div").text("こんにちは。Whoocus!!");
var p = d3.select("body").select("p");
var devs = d3.select("body").selectAll("div");
//p.style("font-size","60px");
p.style({"font-size" : "60px",
"color" : "red"
})
devs.data(dataset).text(function(value,index){
return "Index:" + index + " Value:" + value;
});
</script>
</body>
</html>
[/html]