on click

_.md

[ Launch: on click ] 5455132 by RobinL

config.json

{"description":"on click","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"fullscreen":false,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01}

inlet.js

svg = d3.select("svg");

csv = [
  {"row ID": "id1",
   "x": 20,
   "y": 30},
  {"row ID": "id2",
   "x": 30,
   "y": 50}
  
]

svg.selectAll("circle").data(csv).enter().append("circle")
                 .attr("id", function(d){return "row"+d["ROW ID"];})
	.attr("cx", function(d){return d.x})
      .attr("cy",function(d){return d.y})
		.attr("r",10)
		.style("fill", "black");

circles = d3.selectAll("circle");
                       
circles.on("click",function(d) {
  alert(d["row ID"]);
})