Unable to get click event in D3 JavaScript library

Question

I am using D3 JavaScript library to display data as a force directed marker. It works fine. But I am unable to add click event to the circle. so when I click on the circle,

Answer 1

Try this:

var circle = svg.append("svg:g").selectAll("circle")
  .data(force.nodes())
  .enter().append("svg:circle")
  .attr("r", 6)
  .on("click", function(d,i) { alert("Hello world"); })
  .call(force.drag);