Javascript Tooltip Not Showing Up In Box As Defined By Style

I am working on a D3 treemap. I have added a tool tip that should be showing up in a box (see: http://bl.ocks.org/Caged/6476579). It shows up just as text, but doesn't show up in t

Solution 1:

Everything is fine, but you missed adding class to d3.tip() as below

.attr('class', 'd3-tip')

---

var tip = d3.tip()
  .attr('class', 'd3-tip') // <---- missing this 
  .offset([20, 0])
  .html(function(d) {
    return "<strong>Project:</strong> <span style='color:red'>" + d.name + "</span>";
  });