yeah, donuts and coffee! #d3 #charts

donuts.coffee

make_pie = ($box, data, size) ->
  if size?
    w  = h = size
    r  = Math.min(w, h) / 2
    r2 = r - Math.floor(r/2)
  else
    w  = h = 40
    r  = Math.min(w, h) / 2
    r2 = r - 12

  donut = d3.layout.pie().sort(null)
  arc = d3.svg.arc().innerRadius(r2).outerRadius(r)

  chart = d3.select('#'+$box.attr("id"))
    .append("svg:svg").attr("width", w).attr("height", h)
    .attr("class", "pie").append("svg:g")
    .attr("transform", "translate(#{w/2},#{h/2})")

  arcs = chart.selectAll("path")
    .data(donut(data))
    .enter().append("svg:path")
    .attr("class", (d, i) -> "pie-#{i} make_tooltip")
    .attr("title", (d) -> d.value)
    .attr("d", arc)
    .on("mouseover", (d) ->
      $(this).tooltip('show')
    ).on("mouseout", (d) ->
      $(this).tooltip('hide')
    )