Разместить текст в элементе SVG (с использованием D3 / JS)

Я хочу написать текст внутри прямоугольника, который я создаю следующим образом:

body = d3.select('body')

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

        rect = svg.append('rect').transition().duration(500).attr('width', 150)
                        .attr('height', 100)
                        .attr('x', 40)
                        .attr('y', 100)
                        .style('fill', 'white')
                        .attr('stroke', 'black')

        text = svg.append('text').text('This is some information about whatever')
                        .attr('x', 50)
                        .attr('y', 150)
                        .attr('fill', 'black')​

Однако, как вы можете видеть (http://jsfiddle.net/Tmj7g/3/) текст обрезается. Любые изящные способы написать абзац внутри созданного SVG-прямоугольника? Спасибо,

Ответы на вопрос(5)

Ваш ответ на вопрос