D3 смешивание иерархических макетов

#d3.js

#d3.js

Вопрос:

Я новичок в мире D3. Я уже понимаю, как создавать иерархические макеты, такие как пакеты деревьев и кругов, но я не понимаю, как смешивать эти два типа иерархии. Идея состоит в том, чтобы построить дерево и сгруппировать некоторые узлы по кругу, используя функцию Pack D3. Кто-нибудь может подсказать мне, куда идти на север. Я просто изображение, чтобы показать, в чем идея:

Схема дерева и круга

В настоящее время я использую этот веб-сайт в качестве руководства.

Комментарии:

1. Связанная диаграмма, которую вы показали, не использует упаковку кругов: круги упакованы не самым эффективным образом (ни родители, ни дочерние элементы). Кроме того, корень будет представлен по-разному в каждом из них. Следовательно, генератор компоновки упаковки кругов D3, вероятно, не то, что вы ищете, поскольку он выполняет другую цель. Возможно, вы ищете способ правильного размещения узлов дерева таким образом, чтобы минимальные ограничивающие круги каждой группы не перекрывались и имели одинаковый размер, но перед тем, как идти по какому-либо пути, потребуются дополнительные детали.