title: d3.js tooltips on path
body: <p>a lot of what I've read regarding d3.js and tooltips makes reference to having individual points on a graph.</p>
  
  <p>instead, my graph graph is using one long path to render. I was wondering how I would apply mouseover methods to such a path, where I would then tie a tooltip div accordingly</p>
  
  <p><a href="http://jsfiddle.net/ericps/xJ3Ke/6/" rel="nofollow">http://jsfiddle.net/ericps/xJ3Ke/6/</a></p>
  
  <pre><code>svg.append("path")
  .attr("class", "area")
  .attr("clip-path", "url(#clip)")
  .style("fill", "url(#gradient)");
  </code></pre>