%%html
<script src="//d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script>
var width = 780;
var height = 510;
var radius = 200;
var innerRadius = 30;
function createPie(domID, dataset) {
var svg = d3.select(domID).append("svg")
.attr("width", width)
.attr("height", height)
.append("g")
.attr("transform", "translate(" + width / 2 + "," + height / 2 + ")");
var arc = d3.svg.arc()
.outerRadius(radius)
.innerRadius(innerRadius);
var pie = d3.layout.pie()
.sort(null)
.value(function(d){ return d.value; });
var g = svg.selectAll(".fan")
.data(pie(dataset))
.enter()
.append("g")
.attr("class", "fan")
g.append("path")
.attr("d", arc)
.attr("fill", function(d){ return d.data.color; })
g.append("text")
.attr("transform", function(d) { return "translate(" + arc.centroid(d) + ")"; })
.style("text-anchor", "middle")
.text(function(d) { return d.data.legend; });
}
</script>
ホームページ : http://www.f.waseda.jp/tetsuya/ ・ http://sakailab.com/
マイクロフォーサーズの魅力 ーmicro four thirds: http://www.four-thirds.org/jp/special/microftmerit/merit1.html
太宰治の文学の変化をTopic Modelで分析する -NAOKI ORII'S BLOG: http://mrorii.github.io/images/dazai/lda.png
「word2vecによる自然言語処理」を出版しました -西尾泰和のはてなダイアリー : http://d.hatena.ne.jp/nishiohirokazu/20140606/1401983909
Google Glasses (Project Glass) : The Future of Human Computer Interaction? -USABILITYGEEK : http://usabilitygeek.com/google-glasses-project-glass-the-future-of-human-computer-interaction/
%%html
<div id="study_junre"></div>
<script>
var dataset = [
{legend:"IR", value:7, color:"#4FC3F7"},
{legend:"NLP", value:7, color:"#4DD0E1"},
{legend:"HCI", value:2, color:"#4DB6AC"}
];
createPie("#study_junre", dataset);
</script>
%%html
<div id="programming_language"></div>
<script>
var dataset = [
{legend:"Python", value:5, color:"#4FC3F7"},
{legend:"C#", value:1, color:"#4DD0E1"},
{legend:"Ruby", value:3, color:"#4DB6AC"},
{legend:"Java", value:1, color: "#81C784"}
];
createPie("#programming_language", dataset);
</script>
%%html
<div id="comunication_tool"></div>
<script>
var dataset = [
{legend:"Slack", value:7, color:"#4FC3F7"},
{legend:"Conv", value:2, color:"#4DD0E1"},
{legend:"Mail", value:1, color:"#4DB6AC"}
];
createPie("#comunication_tool", dataset);
</script>
%%html
<div id="cook_junre"></div>
<script>
var dataset = [
{legend:"パスタ", value:9, color:"#4FC3F7"},
{legend:"炊き込みご飯", value:1, color:"#4DD0E1"}
];
createPie("#cook_junre", dataset);
</script>
%%html
<div id="alchol_junre"></div>
<script>
var dataset = [
{legend:"日本酒", value:1, color:"#4FC3F7"},
{legend:"ワイン", value:1, color:"#4DD0E1"},
{legend:"ウィスキー", value: 1, color: "#4DB6AC"}
];
createPie("#alchol_junre", dataset);
</script>
%%html
<div id="instrument_junre"></div>
<script>
var dataset = [
{legend:"ベース", value:1, color:"#4FC3F7"},
{legend:"ピアノ", value:3, color:"#4DD0E1"},
{legend:"ギター", value: 2, color: "#4DB6AC"},
{legend:"ドラム", value: 1, color: "#81C784"},
{legend:"ボーカル", value: 4, color: "#AED581"},
{legend:"バイオリン", value: 1, color: "#DCE775"},
{legend:"合いの手", value: 1, color: "#FFF176"}
];
createPie("#instrument_junre", dataset);
</script>