;(function(Kiddo, d3){
  Kiddo.Axes = function(){
    var self = this;

    var makeXAxis = function(){
      return d3.svg.axis()
        .scale(self.x)
        .orient("bottom")
        .ticks(6);
    }

    var makeYAxis = function(){
      return d3.svg.axis()
        .scale(self.y)
        .orient("left")
        .tickFormat(d3.format('d'));
    }

    var xAxis = makeXAxis();
    var yAxis = makeYAxis();

    return {
      x: xAxis,
      y: yAxis,
      render: function(svg, yTitle){
        svg.append("g")
          .attr("class", "x axis")
          .attr("transform", "translate(" + self.margin_left + "," + self.height + ")")
          .call(xAxis);

        svg.append("g")
          .attr("class", "y axis")
          .attr("transform", "translate(" + self.margin_left + ",0)")
          .call(yAxis)

        .append("text")
          .attr("transform", "rotate(-90)")
          .attr("y", 6)
          .attr("dy", ".71em")
          .style("text-anchor", "end")
          .text(yTitle);

          svg.append("g")
            .attr("class", "grid")
            .attr("transform", "translate(" + self.margin_left + "," + self.height + ")")
            .call(makeXAxis().tickSize(-self.height, 0, 0).tickFormat(""));

           svg.append("g")
             .attr("class", "grid")
             .attr("transform", "translate(" + self.margin_left + ",0)")
             .call(makeYAxis().tickSize(-self.width, 0, 0).tickFormat(""));
      }
    };
  };
})(window.Kiddo = window.Kiddo || {}, d3)

;(function(Kiddo, d3){
  Kiddo.Axes = function(){
    var self = this;

    var makeXAxis = function(){
      return d3.svg.axis()
        .scale(self.x)
        .orient("bottom")
        .ticks(6);
    }

    var makeYAxis = function(){
      return d3.svg.axis()
        .scale(self.y)
        .orient("left")
        .tickFormat(d3.format(',d'));
    }

    var xAxis = makeXAxis();
    var yAxis = makeYAxis();

    return {
      x: xAxis,
      y: yAxis,
      render: function(svg, yTitle){
        svg.append("g")
          .attr("class", "x axis")
          .attr("transform", "translate(" + self.margin_left + "," + self.height + ")")
          .call(xAxis);

        svg.append("g")
          .attr("class", "y axis")
          .attr("transform", "translate(" + self.margin_left + ",0)")
          .call(yAxis)

        .append("text")
          .attr("transform", "rotate(-90)")
          .attr("y", 6)
          .attr("dy", ".71em")
          .style("text-anchor", "end")
          .text(yTitle);

          svg.append("g")
            .attr("class", "grid")
            .attr("transform", "translate(" + self.margin_left + "," + self.height + ")")
            .call(makeXAxis().tickSize(-self.height, 0, 0).tickFormat(""));

           svg.append("g")
             .attr("class", "grid")
             .attr("transform", "translate(" + self.margin_left + ",0)")
             .call(makeYAxis().tickSize(-self.width, 0, 0).tickFormat(""));
      }
    };
  };
})(window.Kiddo = window.Kiddo || {}, d3)

add , separator on Y axis