Another Inlet

_.md

[ Launch Inlet ]
Gist #4403958 [ Launch Inlet ]
Gist #4403933 [ Launch Inlet ]
Gist #4403895 [ Launch Inlet ]
Gist #4403848 [ Launch Inlet ]
Gist #4403830 [ Launch Inlet ]
Gist #4403782 [ Launch Inlet ]
Gist #4403781 [ Launch Inlet ]
Gist #4403739 [ Launch Inlet ]
Gist #4403488 [ Launch Inlet ]
Gist #4403465 [ Launch Inlet ]
Gist #4403407 [ Launch Inlet ]
Gist #4403395 [ Launch Inlet ]
Gist #4403393 [ Launch Inlet ]
Gist #4403363 [ Launch Inlet ]
Gist #4403311 [ Launch Inlet ]
Gist #4403303 [ Launch Inlet ]
Gist #4403287 [ Launch Inlet ]
Gist #4403199 [ Launch Inlet ]
Gist #4403141 [ Launch Inlet ]
Gist #4403136 [ Launch Inlet ]
Gist #3200444

config.json

{"description":"Another Inlet","endpoint":"","display":"svg","public":true,"require":[{"name":"Tooltips","url":"https://gist.github.com/raw/4403776/4ee2a41169e82e1a0803502d1eec45e6c604dd44/Tooltip%20test"}],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"tab":"config","display_percent":0.5098010341488705,"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,"hidepanel":false}

inlet.js

var svg = d3.select("svg");


var range = d3.range(30);

var row = 5;
var cols = 5;


 

svg.selectAll(".tile")
  .data(range)
  .enter()
  .append("svg:rect")
	.attr("width",50)
	.attr("height",50)
  .attr("x",function(d,i){
      	return ((i % cols) * 70)+100;

  })
  .attr("y",function(d,i){ 
  	return (Math.floor(i / row) * 60)+200;
  })
  .attr("fill",function(){
      this.tooltip  = createTooltip(svg,this); 
	  return "#2E36B6";
  })
  .attr("class","tile")  
  
  
  svg.selectAll(".tile")
   .on("mouseover",function(d,i){
		console.log(this.tooltip.x,this.tooltip.y)
		this.tooltip.show();
      
  })
	.on("mouseout",function(d,i){

		this.tooltip.hide();
      
  })