title: Passing $(this) into d3 selector
body: <p>How may I pass the self <code>$(this)</code> parameter into the d3 selector?</p>
  
  <p><a href="http://jsfiddle.net/6q0vvsja/" rel="nofollow">http://jsfiddle.net/6q0vvsja/</a></p>
  
  <pre><code>function d3_bar(self, dataset, barPadding) {
  
     var w = parseInt(d3.select(".barChart").style("width"),10), // select(self)
         h = parseInt(d3.select(".barChart").style("height"),10); // select(self)
  
      var svg = d3.select(".barChart") // select(self)
                  .append("svg")
                  .attr("width", w)
                  .attr("height", h);
  
      svg.selectAll("rect")
          .data(dataset)
          .enter()
          .append("rect")
          .attr("x", function(d, i) {
              return i * (w / dataset.length);
          })
          .attr("y", function(d) {
              return h - (d * 4);
          })
          .attr("width", w / dataset.length - barPadding)
          .attr("height", function(d) {
              return d * 4;
          })
          .attr("fill", function(d) {
              return "rgb(0, 0, " + (d * 10) + ")";
          });
  
  }
  
  $('.barChart').each(function(i) { 
  
      var self = $(this),
          nums = self.data('value').split(',').map(Number);
  
          d3_bar(self, nums, 1);
  
  });
  </code></pre>