Fit Text into SVG Element (Using D3/JS)

Question

I want to write text inside a rectangle I create as follows:

body = d3.select(\'body\')

svg = body.append(\'svg\').attr(\'height\', 600).attr(\'width\', 200         


        

Answer 1

Another approach, when trying to fit a straight line of text into an svg element, could use the strategy found in http://bl.ocks.org/mbostock/1846692:

node.append("text")
  .text(function(d) { return d.name; })
  .style("font-size", function(d) { return Math.min(2 * d.r, (2 * d.r - 8) / this.getComputedTextLength() * 24) + "px"; })
  .attr("dy", ".35em");