test

_.md

[ Launch: test ] 5424eda38a9909236db2 by toomasv
[ Launch: test ] 4653053 by enjalot
[ Launch: test ] 4652017 by enjalot
[ Launch: test ] 4582399 by enjalot

config.json

{"description":"test","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"tab":"edit","display_percent":0.7,"thumbnail":"http://i.imgur.com/Z4ghHZY.png","fullscreen":false,"ajax-caching":true}

inlet.js

var svg = d3.select("svg");

svg.append("rect")
.attr({
  width: 231,
  height: 100,
  x: 256,
  y: 96,
  fill: "#3e629c"
});

var dataset = [31, 59, 90, 120, 151, 181, 212, 243, 274, 304, 335, 365];

svg.append("circle")
	.attr({
      cx: 237,
      cy: 175,
      r: 103,
      fill: "red"
});

var group = svg.append("g")
	.attr("transform","translate(236,163)");

var arc = d3.svg.arc()
    .innerRadius(33)
    .outerRadius(47)
    .startAngle(0)
	.endAngle(1);

group.append("path")
	.attr("d", arc);