Візуалізація складних автоматизованих систем часто обмежується сухими таблицями, які важко сприймати неспеціалістам. Гері Стоу запропонував інноваційний підхід, перетворивши моніторинг AI-агентів на інтерактивне віртуальне селище. Ця концепція дозволяє відображати роботу ботів, торгових стратегій та веб-процесів через метафори будівель, полів та пішоходів, що пересуваються між ними, роблячи технічні процеси зрозумілими для всієї родини.
Основою системи є три незалежні компоненти: логування подій, обробка даних та візуалізація. Кожен AI-агент записує свої дії у форматі JSON Lines, що забезпечує надійність та простоту відстеження. Скрипт на Python зчитує ці логи, формуючи єдиний файл даних, який потім використовується фронтенд-частиною для оновлення стану віртуального світу без прямого втручання в роботу самих автоматизацій.
Для реалізації візуальної частини використовується HTML5 Canvas та ізометрична проекція, що нагадує естетику ігор типу RimWorld. Кожна будівля має свій стиль, а логіка руху персонажів базується на реальних подіях із логів. Наприклад, коли агент завершує завдання, віртуальний пішохід прямує від ратуші до відповідного об'єкта, що дозволяє візуально контролювати потоки роботи в режимі реального часу.
Важливим аспектом є масштабованість та динамічність відображення. Розміри будівель або полів можуть змінюватися залежно від продуктивності стратегій чи кількості переглядів сторінок. Використання функцій обмеження значень дозволяє уникнути візуальних спотворень, зберігаючи читабельність карти навіть при значних коливаннях вхідних даних, що робить дашборд не лише естетичним, а й функціонально корисним інструментом моніторингу.
Безпека даних є критично важливою при публікації таких дашбордів. Автор рекомендує розділяти приватні та публічні версії даних, використовуючи спеціальні функції для анонімізації запитів та округлення фінансових показників. Це дозволяє демонструвати роботу системи публічно, не розкриваючи конфіденційну інформацію, що є необхідним стандартом для будь-яких відкритих проектів, які базуються на реальних бізнес-процесах.
Цей підхід не потребує складних ігрових рушіїв, адже все реалізовано на стандартних веб-технологіях, доступних кожному. Використання Python для бекенду та чистого JavaScript для малювання на Canvas робить проект легким та швидким у розгортанні. Починаючи з малого — наприклад, з одного персонажа, що рухається між двома точками — розробники можуть поступово розширювати своє віртуальне селище, додаючи нові елементи та складнішу логіку.
🔗 Першоджерело: Читати оригінал