Розробник перетворив 2,5 млн рядків коду на 3D-простір, яким можна літати. Скільки ресурсів потребує такий візуалізатор?
Розробник Рік Арендс створив 3D-візуалізатор, який перетворює мільйони рядків коду на тривимірний простір, яким можна «літати».
Розробник Рік Арендс створив 3D-візуалізатор, який перетворює мільйони рядків коду на тривимірний простір, яким можна «літати».
Про це розповідає Tom’s Hardware.
Ironed out the last performance issues with my full 2.5 m line codebase explorer. 120hz awesomeness. Can only upload 60fps video tho. Much nicer uncompressed pic.twitter.com/LUsrmVaI6L
— Rik Arends (@rikarends) September 12, 2026
На відео Арендса можна побачити величезні полотна з кодом, що висять у 3D-просторі. Користувач може переміщатися між ними, підлітати ближче та читати окремі фрагменти. За словами Арендса, у мережі X можна опублікувати відео лише з частотою 60 FPS, хоча сам візуалізатор, як він стверджує, працює на частоті понад 120 кадрів за секунду.
Спочатку за такий ефект довелося платити оперативною пам’яттю. Візуалізатор із 2,5 млн рядків займав близько 21 ГБ RAM. Після додавання індексів і потокового стиснення Арендс зменшив цей показник до приблизно 3,5 ГБ і каже, що це ще не межа оптимізації.
На 2,5 млн рядків він теж не зупинився. Розробник спробував завантажити у візуалізатор усе дерево вихідного коду Chromium — близько 51 млн рядків. За його словами, система впоралася приблизно за 60 секунд.
Щоб комп’ютеру не доводилося одночасно тримати в пам’яті та детально показувати мільйони рядків коду, Арендс зробив так, щоб потрібні дані підвантажувалися поступово. Частину інформації система зберігає на диску, а код, який перебуває далеко від користувача, може показуватися менш детально.
Так візуалізатору не потрібно одразу обробляти всю величезну кодову базу на повну. Це дозволило суттєво зменшити навантаження на пам’ять
Арендс визнає, що практична користь такого формату обмежена. Утім, користувачі вже пропонують додати візуалізацію залежностей між частинами проєкту або показувати, як код змінювався з часом. Тоді «політ» міг би допомагати не лише милуватися кодовою базою, а й розбиратися в ній.
Подібна ідея вже використовується в CodeCharta, де кодова база перетворюється на своєрідне 3D-місто. Файли стають будівлями, а їхні параметри можуть показувати розмір, складність та інші характеристики коду. Утім, можливості «пролітати» повз мільйони рядків там немає.
Арендс хоче згодом перетворити свій візуалізатор на продукт і продавати його за невелику плату. А коли його запитали, навіщо він узагалі це створив, відповідь була простою: «бо міг».
Раніше dev.ua також писав про Relia — інструмент, який візуалізує структуру кодової бази та показує зв’язки та потоки даних між її частинами. На відміну від експерименту Арендса, там візуалізація має більш практичну мету — допомагати розробникам розбиратися в логіці системи.
Айтівець створив «Планетарний нейронний орган», що візуалізує глобальний потік коду в реальному часі
Айтівець створив «Планетарний нейронний орган», що візуалізує глобальний потік коду в реальному часі
Сучасна альтернатива KeyCastr: український розробник створив нативний візуалізатор клавіатури та миші для macOS
Сучасна альтернатива KeyCastr: український розробник створив нативний візуалізатор клавіатури та миші для macOS
Читайте головні IT-новини країни в нашому Telegram
Читайте головні IT-новини країни в нашому Telegram
