FossFLOW – редактор изометрических диаграмм
Еще один полезный инструмент для создания изометрических диаграмм. Будет полезен всем, кто занимается созданием визуального контента: техническим писателям, блогерам, составителям документации. Также изометрические диаграммы могут оказаться полезны для презентаций.
Что такое изометрические диаграммы? Посмотрите на скриншоты, особенно на первый, где показан конечный результат. Свежо, наглядно, интересно.
Все это можно рисовать самому при помощи FossFLOW. Поглядеть без установки на него можно здесь: https://stan-smith.github.io/FossFLOW
На первый взгляд достаточно просто, но от редактора диаграмм многого и не надо. А все необходимое здесь есть, осваивается продукт просто, буквально за 15 минут. Все просто и интуитивно понятно, ну или почти все.
Для локального использования вы можете быстро установить продукт через Docker (рекомендуется разработчиком), для этого нужно всего лишь скачать из официального репозитория https://github.com/stan-smith/FossFLOW файл compose.yml, разместить в любой подходящей директории, скажем /opt/fossflow и выполнить:
docker compose up -d
После чего переходим в браузере по адресу хоста Docker и попадаем в веб-интерфейс редактора. Русский язык есть, но русификация неполная, что не мешает полноценной работе. Все понятно и так.
Создание диаграмм тоже не составляет труда: добавляем узлы, соединяем их, перетаскиваем, настраиваем элементы. Настроек немного, но все необходимое есть. Мы без особого труда за пару минут накидали простую диаграмму.
Диаграммы можно сохранять в серверном хранилище, которое находится в папке с проектом, в нашем случае это будет /opt/fossflow/diagrams. Формат хранения – JSON, что позволяет организовать версионирование и хранение диаграмм в Git.
Также мы можем экспортировать диаграммы в JSON или PNG. При экспортировании в изображение доступны дополнительные функции в виде обрезки и выбора качества.
Библиотека иконок представлена одна – Isoflow, не самая плохая, надо сказать. Если нет каких-то особых требований, то можно спокойно использовать ее. Но если вы хотите придать диаграммам индивидуальность, то можете загрузить свои иконки в формате PNG или SVG.
Это единственный неочевидный момент в программе, для добавления своей иконки нужно нажать «плюс» на панели инструментов и у вас появится меню загрузки собственных изображений.
Многопользовательская работа возможна, каждый сеанс браузера позволяет работать со своей диаграммой, доступны сохранения и загрузки в переделах сеанса (не сохраняются при закрытии браузера).
Для долговременного сохранения нужно либо экспортировать JSON на компьютер, либо воспользоваться серверным хранилищем. Совместная работа над одной и той же диаграммой невозможна.
В общем перед нами вполне удобный и современный инструмент, позволяющий легко визуализировать схемы и идеи в изометрическом виде. Считаем что он будет полезен каждому, кто работает с технической графикой.
