Another Inlet

_.md

[ 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/c57a5d4474d86e1b920798e2b55b156e98d9a376/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":"edit","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(".tiles")
  .data(range)
  .enter()
  .append("svg:rect")
	.attr("width",50)
	.attr("height",50)
  .attr("x",function(d,i){
      	return ((i % cols) * 100)+100;

  })
  .attr("y",function(d,i){
  	return (Math.floor(i / row) * 100)+200;
  })
  .attr("fill","#2E36B6")
  .attr(function(){
  	  	var x = parseFloat(d3.select(this).attr("x"),10)
    var y = parseFloat(d3.select(this).attr("y"),10)    
      var onclickCall =  function(){
    console.log("click");
   }
    
  var content = function(appendTo, config){
  return function(d,i){
  var text = appendTo.append('svg:text')
      .attr("fill", "#FFFFFF")
      .attr("x", 0)
      .attr("y", 40)
      .attr("font-size", 29)
      .attr("font-family", "Arial")
      .attr("text-anchor", "start")
      ;
  
    text.append("tspan")
   .attr("dy",0)
      .attr("x",0)
      .text("whitney houston");
      
    text.append("tspan")
   .attr("dy",40)
      .attr("x",0)
      .text("Wikipedia link:");
    
    
       
    text.append("tspan")
    .attr("dy",40)
        .attr("x",0)
    .attr("fill","#2632EE")
        .attr("text-decoration","underline")  
    .text("here") 
          .on("click",function(){
            var href = "http://www.spiegel.de"
            window.open(''+href+'', '_blank', 'width=600, height=300');
          })
      
    

  }
}
    
      
        
   var config = {"width": 277, "height": 243,
                  "x" : x, "y": y, "appendTo": svg,
                  "tooltip-content" : content, "onclick": onclickCall,
                           "padding": {"top": 0, "bottom": 0, "left": 10, "right": 0},
              "style" : {"fill":"#A3A3A3"}
	}        
        
        
        
    var tooltip = new Tooltip(config);
	tooltip.hide();
    d3.select(this).tooltip = "sdfsdf";
  
  })
  .on("mouseover",function(d,i){
	console.log(d3.select(this).tooltip)
  })
  

  
  
//----------------------------