Сервис визуализации структур, который появился потому, что его не было

Что это такое

MindMap — веб-сервис для построения интеллект-карт. Иерархии, перекрёстные связи, заметки, цвета, иконки. Всё в браузере, без установки, без регистрации для знакомства, с регистрацией для сохранения.

Адрес: mindmap.coopteam.ru

Зачем ещё один mindmap-сервис

Затем, что существующие либо платные, либо требуют аккаунт в чужом облаке, либо хранят данные непонятно где. А здесь:

• Данные лежат в JSON. Экспортировал — забрал с собой.
• Черновики пишутся в localStorage браузера. Закрыл вкладку — открыл, продолжил.
• Код открыт для инспекции (да, это vanilla PHP и jQuery — без модных стеков).

Что умеет

Структура:

• Иерархические связи (родитель → потомок) — сплошные линии
• Cross-links между любыми узлами — пунктирные, с настраиваемыми якорями
• Сворачивание веток, drag-n-drop узлов, перенос между ветками

Редактирование:

• Заметки к узлам (стикер в углу — индикатор)
• Цветовая маркировка (9 цветов + сброс)
• Иконки Font Awesome 6 (120+ в галерее, можно ввести класс вручную)
• Чекбоксы для отметок

Навигация:

• Горячие клавиши: Ctrl+S (сохранить), Ctrl+N (новая), Tab (ребёнок), Enter (брат), Delete (удалить)
• Undo/Redo на 100 шагов с сохранением в localStorage
• Поиск по узлам (Ctrl+F)
• Перетаскиваемый тулбар (горизонтальный/вертикальный)

Сохранение:

• Автосохранение при простое (3 минуты)
• Экспорт/импорт JSON
• Лимит 25 диаграмм на пользователя (настраивается)

Интерфейс:

• Светлая и тёмная темы
• Адаптивная вёрстка
• Пан со скроллом (зажать и тянуть пустое место)

Техническая сторона

Стек сознательно минималистичный:

• Backend: чистый PHP 8+, файловое хранилище (storage/{login}/diagrams/*.json), сессии в файлах
• Frontend: jQuery 3.7.1 + jQuery UI 1.13.3 + jsPlumb 2.15.6
• Без фреймворков, без сборщиков, без npm install на час

Архитектура модульная: store.js (состояние), renderer.js (DOM), connector.js (линии), menu.js (контекстное меню), history.js (undo/redo). Каждый модуль — IIFE с публичным API.

Это не значит, что подход идеален. Это значит, что он понятен и поддерживаем одним человеком без когнитивного коллапса.

Как это создавалось

Методом вайб-кодинга. Основная часть кода написана в диалоге с Qwen AI за несколько сессий. Человек формулировал требования, уточнял архитектуру, правил баги. AI генерировал код, предлагал решения, объяснял jsPlumb.

Результат: рабочий сервис без классической разработки «по ТЗ → дизайн → бэкенд → фронтенд → тестирование». Вместо этого — итеративный диалог, где каждый коммит обсуждался.

Это не отменяет необходимости понимать, что делаешь. Но снижает порог входа для тех, кто хочет инструмент, а не карьеру фронтендера.

Для кого

• Участники кооператива — для визуализации процессов, структур, обучающих материалов
• Разработчики Cyclos — чтобы рисовать архитектуры интеграций
• Все остальные — если нужна простая mindmap без подписки

Дисклеймер

Сервис предоставляется «как есть». Ответственность за сохранность данных — на пользователе. Экспортируйте JSON периодически. Бесперебойная работа не гарантируется, но планируется.

Связанные проекты экосистемы CoopTeam

• СЭП «Регион» (coopteam.ru) — основная платформа кооперации
• ADVIZOR (advizor.coopteam.ru) — сервисный центр AI
• Информационный портал (info.coopteam.ru) — новости и курсы
• Игры НКПС (игры.нкпс.рф) — браузерные игры

Создано ПК НКПС © 2026