Как динамически отображать многострочный текст в D3.js?

Мне нужно отобразить многострочный текст в SVG: текст с помощью D3.js.

Пример данных выглядит следующим образом, и я хочу отображать «все» «заголовки» под одним узлом для каждого автора, а не как отдельный узел в макете с принудительным направлением.

Пример данных

{
    {"author":"Author1", "group":"fiction", "books" : [
        {"title":"Book Title1", "rating":3},
        {"title":"Book Title2", "rating":4}
    ]},
    {"author":"Author2", "group":"non-fiction", "books" : [
        {"title":"Book Title3", "rating":3},
    ]}
}

SVG: текст занимает только одну текстовую запись и отображается в одной строке, поэтому я должен добавить больше текста и настроить «dy»? или втягивать собирать информацию узла и заменять?

Спасибо за советы.

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

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