Adjuntar texto SVG al ancho del rectángulo en un D3 treemap

Question

Me pregunto si existe una manera más simple de restringir el ancho de una etiqueta de texto que usar una ruta de clip.

He aquí un ejemplo de lo que estoy buscando en relación con el etiquetado: treemap:

en cuenta que las etiquetas se truncan por los límites de las fichas que contienen.

Ese ejemplo en particular se implementa utilizando las etiquetas <div>, que tienen este comportamiento por defecto. Pero estoy usando SVG <rect> y espero que haya una forma más directa de hacer esto que una ruta de clip separada que define otra forma rect.

Answer 1

Puede envolver cada elemento <rect> en un elemento <svg> del mismo ancho/alto. De forma predeterminada, overflow está oculto en los elementos internos <svg>.