Добавить в корзинуПозвонить
Найти в Дзене
Ахимия.WEB

MindMap: архитектор мыслей, собранный на коленке

Сервис визуализации структур, который появился потому, что его не было MindMap — веб-сервис для построения интеллект-карт. Иерархии, перекрёстные связи, заметки, цвета, иконки. Всё в браузере, без установки, без регистрации для знакомства, с регистрацией для сохранения. Адрес: mindmap.coopteam.ru Затем, что существующие либо платные, либо требуют аккаунт в чужом облаке, либо хранят данные непонятно где. А здесь: Структура: Редактирование: Навигация: Сохранение: Интерфейс: Стек сознательно минималистичный: Архитектура модульная: store.js (состояние), renderer.js (DOM), connector.js (линии), menu.js (контекстное меню), history.js (undo/redo). Каждый модуль — IIFE с публичным API. Это не значит, что подход идеален. Это значит, что он понятен и поддерживаем одним человеком без когнитивного коллапса. Методом вайб-кодинга. Основная часть кода написана в диалоге с Qwen AI за несколько сессий. Человек формулировал требования, уточнял архитектуру, правил баги. AI генерировал код, предлагал реш
Оглавление

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

Что это такое

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

Адрес: mindmap.coopteam.ru

-2

Зачем ещё один 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