Как визуализировать структуру кода?
 

Добрый день,
столкнулся с необходимостью разбирать и перерабатывать чужой код JS и писать собственный. Образования программистского нет. Но код уже читаю и понимаю. Основные понятия знаю. Чуть чуть пишу.
Я привык работать с визуальными схемами различных процессов (Visio, ER-Win и тд). Поэтому попробовал составлять схемы кода JS.
Обнаружились проблемы:
1) Visio и его аналоги для этого не приспособлены, так как там нельзя сделать "многослойную" схему как в ER-win. Я говорю о том когда вы кликнув на какой-нибудь из блоков можете "провалиться" внурть. То есть один процесс вкладывается в другой.
2) ER-win тоже не подходит. Это не IDE и присоединять куски кода к определенным визуальным блокам крайне не удобно.
3) Microsoft VS Web Developer - кто нибудь использует для веб проектов? Есть ли там возможность создавать схемы процедур с привязкой к коду?
Как вы вообще анализируете чужой код и выстраиваете структуру своего кода? Интересуют методологии и софт. Спасибо!

Покопай в сторону UML, это каноничный подход к визуалиации кода. Инструментов для UML много.

Вот и хотелось бы IDE совмещенную с чем-то вроде UML.
В идеале с возможностью вложенные процедуры как EDEF0 ER-win создавать.
Чем вы сами пользуетесь? Просто комментарии в коде?