title: How to make axis tick labels hyperlinks in D3.js
body: <p>In D3.js, how do I assign HTML elements/attributes to tick labels? I'm specifically interested in making them hyperlinks, but it could be generalized to making them images, or something strange like alternating div classes.</p>
  
  <pre><code>var data = [{"count": 3125,"name": "aaa"}, {"count": 3004,"name": "bbb"}...
  
  y = d3.scale.ordinal()
      .rangeRoundBands([0, height], 0.1)
      .domain(data.map(function (d) {
        return d.name;
      }))
  
  yAxis = d3.svg.axis().scale(y)
  vis.append("g")
     .attr("class", "y axis")
     .call(yAxis)
  </code></pre>
  
  <p><a href="http://jsfiddle.net/SFDrv/" rel="nofollow">http://jsfiddle.net/SFDrv/</a></p>
  
  <p>So in the JSfiddle, how would I link to www.example.com/aaa, www.example.com/bbb, www.example.com/ccc, etc?</p>