/* polar layout
*/


(function() {
  var RADIUS, csv, data, height, max, outer_polygon_generator, polar, polar_data, polar_layout, polygon_generator, svg, width;

  polar = function() {
    var self;

    self = function(data) {
      data.forEach(function(d, i) {
        return d.angle = i * 2 * Math.PI / data.length;
      });
      return data;
    };
    return self;
  };

  /* ---
  */


  csv = 'category,value\none,323\ntwo,534\nthree,230\nfour,156\nfive,336';

  data = d3.csv.parse(csv);

  data.forEach(function(d) {
    return d.value = +d.value;
  });

  max = d3.max(data, function(d) {
    return d.value;
  });

  width = 960;

  height = 500;

  RADIUS = Math.min(width, height) / 2 - 40;

  polar_layout = polar();

  polar_data = polar_layout(data);

  svg = d3.select("body").append("svg").attr("width", width).attr("height", height).append("g").attr({
    transform: "translate(" + (width / 2) + ", " + (height / 2) + ")"
  });

  polygon_generator = d3.svg.line().x(function(d) {
    return RADIUS / max * d.value * Math.cos(d.angle);
  }).y(function(d) {
    return RADIUS / max * d.value * Math.sin(d.angle);
  });

  svg.append("path").datum(polar_data).attr({
    "class": 'polygon',
    d: function(ds) {
      return polygon_generator(ds) + 'z';
    }
  });

  outer_polygon_generator = d3.svg.line().x(function(d) {
    return RADIUS * Math.cos(d.angle);
  }).y(function(d) {
    return RADIUS * Math.sin(d.angle);
  });

  svg.append("path").datum(polar_data).attr({
    "class": 'outer_polygon',
    d: function(ds) {
      return outer_polygon_generator(ds) + 'z';
    }
  });

  svg.selectAll(".radius").data(polar_data).enter().append("path").attr('class', 'radius').attr("d", function(d) {
    return "M0 0 L" + (RADIUS * Math.cos(d.angle)) + " " + (RADIUS * Math.sin(d.angle));
  });

  svg.selectAll(".dot").data(polar_data).enter().append("circle").attr('class', 'dot').attr({
    cx: function(d) {
      return "" + (RADIUS / max * d.value * Math.cos(d.angle));
    },
    cy: function(d) {
      return "" + (RADIUS / max * d.value * Math.sin(d.angle));
    },
    r: 3
  });

}).call(this);