This example shows how to make several SVG elements link to different things by constructing URLs from data properties. Each square links to a different Wikipedia page, and the link URL is generated dynamically from the data array.
This has the expected behavior of normal links when you open it in a new window. Clicking the rectangle doesn't work correctly in the bl.ocks viewer, because it is in an iFrame (open the debugging console to see the iFrame-related error), but this technique of adding links to visual marks should work fine in your own D3 projects.
This is addressing the thread Hyperlinks - error "undefined"/ NaN in the D3 Google Group.
https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js