Сервис визуализации структур, который появился потому, что его не было
Что это такое
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