title: Hyperlinks in this NVD3 example
body: <p><a href="http://nvd3.org/ghpages/scatter.html" rel="nofollow noreferrer">http://nvd3.org/ghpages/scatter.html</a></p>
  
  <p>I want to make each little data (circle) a clickable link. My real intention is to make each datapoint have a modal window popup, but for now I'll just start with a link, to make it easier as I am a beginner. </p>
  
  <p>I found this link <a href="https://stackoverflow.com/questions/13104681/hyperlinks-in-d3-js-objects">Hyperlinks in d3.js objects</a></p>
  
  <p>and have tried to modify the code. </p>
  
  <p>here is my dataset, as you can see i added the key/element (not sure which it is) "url" and have specified a link. </p>
  
  <pre><code>var data = [{key: 'Group1', values: [{x: 1, y: 1, url:"https:google.com"}, {x: -2, y: 3}, {x: 4, y: -9}]},
              {key: 'Group2', values: [{x: 2, y: 0}, {x: -4, y: -4}, {x: 1, y: 8}]}];
  
    return data;
  </code></pre>
  
  <p>Then following the first link, I pasted this into the html of the code</p>
  
  <pre><code>nodeEnter.append("svg:a")
    .attr("xlink:href", function(d){return d.url;})  // &lt;-- reading the new "url" property
  .append("svg:rect")
    .attr("y", -barHeight / 2)
    .attr("height", barHeight)
    .attr("width", barWidth)
    .style("fill", color)
    .on("click", click);  // &lt;- remove this if you like
  </code></pre>
  
  <p>But it is not working, I guess it is the nvd3 not being compatible with pure d3 code. Could anybody help me with possibly an example of the code i would need to do this ?</p>