Визуализируй это: как я обучаю джунов и ставлю задачи через диаграммы и графики

Я применяю диаграмму состояний на этапе проектирования системы, чтобы определить, ЧТО нужно делать.

Методика следующая: каждый функциональный блок (читай блок) должен содержать в названии входные данные, выходные данные и действие над входными данными. Например: ip-адрес —> получение lat, long по базе geoip —> lat, long —> визуализация ip-адреса на карте в UI —> карта.

Далее появляется понимание, какие функции нам понятно, как делать. Функции, которые не понятно, как делать, становятся выделенной диаграммой. Этакий фрактал.

D3.js. Визуализация графов

ну в принципе примерно также работает и cytoscape, разве что в нем это стандартный атрибут parent.
А вот за второй пример спасибо! Жаль, плюсануть не могу

D3.js. Визуализация графов

да, тоже по этим причинам остановился на нем. Насколько я понял, в D3.js нельзя группировать ноды или сворачивать как-то в коллекции?