How to make labels and nodes in D3 forced layout clickable to navigate to a URL?

Question

I am using a force based layout using D3 and was wondering if it\'s possible that when I click either the nodes or the labels, I am automatically taken to the url stored in

Answer 1

You have two options here.

• You can use the .on("click", ...) handler to set the current page to the target.
• You can use an a element with .attr("xlink:href", url) that contains the element acting as a hyperlink to set the link in a more traditional way.

More information in this question/answer, although I believe you don't have to import the xlink namespace explicitly, at least not in the latest version of D3.