Диаграммы, которые ожили: PlantUML и немного кода

Кажется, что UML существует настолько долго, а интервьюеры запрашивают его знание настолько давно, что уже даже начинающие аналитики знают его от и до. Как знают и один из популярных инструментов для воплощения UML-диаграмм — PlantUML.

А что, если появилась потребность выйти за рамки статического изображения, генерируемого PlantUML?

На примере sequence-диаграммы хочу показать, как с помощью PlantUML, Javascript и HTML можно добавить статике жизнь. Понадобится, правда, немного уметь писать код, но справимся даже без своего backend-сервиса :) 

P.S. Хотелось бы сказать, что код нам напишет чат GPT, но, спойлер, не вышло. 

P.S.S. Полученное можно будет даже разместить в Confluence!