Сервисы создания блок-схем и онлайн диаграмм
Облачные конструкторы для создания схем, интеллект-карт, блок-схем, каркасных моделей и диаграмм. Сервисы с уже готовыми шаблонами c наглядным представлением информации или больших объёмов данных для научных, образовательных и бизнес-задач. Возможность добавление и изменение элементов для создаваемой графики простым перетаскиванием. Предлагается совместная работа над диаграммами и графиками, а также сохранение в различных форматах.
Подбор по параметрам
DataFan Есть бесплатный тариф
Сервис для создания динамических отчётов о работе в социальных сетей и рекламных кабинетов.
Canva
Есть бесплатный тариф
Инструмент для создания и редактирования дизайнерских материалов для страниц социальных сетей, сайтов, презентаций, отчётов и печатных материалов.
Draw.io Есть бесплатный тариф
Онлайн-платформа для автоматизации строительного бизнеса. Включает в себя следующие полезные модули для строителей: базы расценок, редактор смет, контроль закупок и работ, финансы и быстрые акты (КС2, КС3, КС6а и др.) в один клик.
Онлайн-сервис, который позволяет создавать, редактировать и совместно использовать схемы в Интернете.
Сервис для моделирования и симуляции бизнеса, повышения эффективности и расчёта стоимости бизнес-процессов.
Creately Есть бесплатный тариф
Онлайн-сервис с настольными клиентами для совместного составления диаграмм, рисования блок-схем, макетов и много другого.
Создание таймлайнов онлайн.
Goalton Есть бесплатный тариф
Инструменты управления в одном сервисе: диаграммы связей, outliner, канбан, список дел, управление задачами.
ESK.ONE Есть бесплатный тариф
Онлайн-сервис для создания прототипов сайтов и интерфейсов, блок-схем и ментальных карт
FlowMapp
Есть бесплатный тариф
Сбор и организация требований к разработке веб-сайтов при помощи интерактивной карты сайта.
STORM Есть бесплатный тариф
Сервис для совместной работы над диаграммами бизнес-процессов в нотации BPMN.
Надежная телефония для бизнеса, помогает управлять обращениями Клиентов и работой сотрудников. Включает в себя: Интеграцию с 1С; Онлайн мониторинг и управление звонками; BI инструменты, дашборды для контроля и качества.
Онлайн платформа для управления строительными и инженерными проектами
XMind
Есть бесплатный тариф
Сервис для проведения мозговых штурмов и формирования интеллект-карт.
Он позволяет управлять идеями, организовывать их, создавать диаграммы и работать над ними с коллегами.
Инструмент для создания изображений, диаграмм и графиков.
Lucidchart Есть бесплатный тариф
Решение для визуальной коммуникации с помощью блок-схем, диаграмм, UML и ER-моделей
Бесплатный сервис для создания и публикации онлайн-диаграмм.
Система обладает поддержкой множества типов диаграмм, включая столбчатые, круговые, линейные, пузырьковые и радиальные диаграммы.
Mind42 Есть бесплатный тариф
Бесплатный онлайн-сервис для создания интеллект-карт.
Coggle Есть бесплатный тариф
Сервис обмена данными и совместного построения диаграмм связей.
Moqups Есть бесплатный тариф
Платформа для создания дизайна прототипов приложений.
Gliffy Есть бесплатный тариф
Онлайн-сервис для создания блок-схем, организационных диаграмм, UML-диаграмм, сетевых диаграмм, каркасных моделей и многого другого.
Mindomo
Есть бесплатный тариф
Онлайн-сервис для создания мощных диаграмм связей, или «карт разума».
MindMup Есть бесплатный тариф
Бесплатный сервис для создания диаграмм связей и схем.
Сервис для создания диаграмм, блок-схем, планов.
Cacoo Есть бесплатный тариф
Онлайн-сервис, призванный помочь создавать интерактивные схемы совместно с коллегами и друзьями в режиме реального времени.
Infogram Есть бесплатный тариф
Создание инфографики, схем и карт.
Bubbl Есть бесплатный тариф
Онлайн-сервис создания интеллект-карт и проведения мозгового штурма.
Бесплатный редактор интеллект-карт для бизнеса.
ChartGo Есть бесплатный тариф
Сервис для создания многофункциональных и цветных диаграмм с руководством по работе и демо-роликами для быстрого обучения.
Plotly Есть бесплатный тариф
Создание схем, диаграмм, дэшбордов.
ChartGizmo Есть бесплатный тариф
Сервис для построения схем. С помощью него можно создавать диаграммы для сайта, блога и социальных сетей. Он помогает визуализировать финансовые, научные и другие типы данных.
Сервис для создания диаграмм из текста.
Highcharts Есть бесплатный тариф
Сервис создания интерактивных схем для веб-страниц.
RAWGraphs Есть бесплатный тариф
Сервис преобразования таблиц и данных в визуальный контент.
Comapping Есть бесплатный тариф
Сервис для создания интеллект-карт, проведения мозговых штурмов, планирования событий, обучения.
EdrawMax Есть бесплатный тариф
Программное обеспечение для создания схем и диаграмм.
Mural Есть бесплатный тариф
Инструмент для совместного создания интеллектуальных карт и диаграмм.
Инструмент для создания пользовательских историй.
Vecta Есть бесплатный тариф
Сервис для командного создания диаграмм с расширенным SVG-редактором.
Zenobase Есть бесплатный тариф
Сервис для хранения, агрегации и визуализации данных.
Инструмент для создания пользовательских дашбордов с отчётной информацией без применения программного кода.
Подбор по параметрам
Обзор бесплатных онлайн-средств создания схем бизнес-процессов
Ситникова Ольга, ИТ-аналитик DIRECTUM
Сегодня я решила сделать небольшой обзор онлайн-средств для рисования диаграмм, доступных любому интернет-пользователю бесплатно.
Пока лично мне кажется естественным, что функционал онлайн-«рисовалок» беднее, чем тех средств моделирования, за дистрибутив и обновление которых пользователи тратят определённое количество кровно заработанных. Однако, меня приятно удивил тот факт, что не настолько он и беднее. Рассмотрим две подобных друг другу системы: Diagram.ly и yWorks.
Diagram.ly
Diagram.ly создаёт впечатление системы, которая пытается предоставить пользователю функционал, наиболее приближенный к возможностям десктопных клиентов (например, того же Microsoft Visio). Здесь есть почти всё, к чему мы привыкли:
- Очень богатый выбор стенсилов, с которыми можно работать. С помощью Diagram.ly можно нарисовать блок-схему, UML-диаграммы некоторых типов, ER-диаграммы, организационные диаграммы, BPMN-схемы, схемы баз данных и сетей, а также схемы телекоммуникаций, геоинформационные схемы, схемы электрических цепей и социальных сетей, а также создавать прототипчики лёгких интерфейсов.
Собственно, пожалуй, это даёт им основание называть себя «мини-версией Visio, доступной из любимого браузера».
- Богатые возможности текстового форматирования. Текст можно написать одним из пяти шрифтов: Verdana, Helvetica, Times New Roman, Garamond или Courier New. Размер шрифта можно менять в диапазоне от 6 до 60 пунктов. Можно менять жирность текста, писать курсивом или с подчёркиванием, изменять выравнивание текста. Текст, кстати, вводится очень просто: по двойному клику на блоке.
Помимо текстового форматирования присутствует и форматирование объектов: работают группировка, разгруппировка, перенесение на задний / передний планы, взаимное выравнивание объектов, изменение ориентации блоков. У блока можно изменить цвет шрифта, подложки и линии, добавить тень и градиент, а также выбрать изображение, занимающего блок.
3. Выбор нескольких способов отображения коннектора.
Для стрелки можно задать вид, изогнутость линий соединения, тип линии (только сплошная или пунктир), толщину линии.
- На блоках и странице работает контекстное меню (по правой кнопке мыши).
- При каждом входе в систему пользователю предлагается просмотреть простые советы по работе с ней. Эти «tips and tricks» играют роль справки. Хотя, по большому счёту, лично мне они и не понадобились, настолько система интуитивно понятна: объекты добавляются на доску по технологии drag-n-drop, появляющаяся при наведении на блок стрелочка подсказывает, что именно она является инструментом-коннектором, а уже упоминавшееся мною контекстное меню закрывает все остальные вопросы, даже если каким-то образом пользователю не удастся найти панель инструментов сверху.
- Приятной неожиданностью явилось для меня то, что работу можно вести как с XML-файлами, созданными Diagram.
ly, так и VDX-файлами, которые создаёт Microsoft Visio. Таким образом, вы сможете изменить диаграммы, которые ваши коллеги создали в Visio даже, если у вас нет собственной лицензии на этот продукт. Получившуюся в итоге схему можно сохранить в XML-формат, предлагаемый Diagram.ly, или экспортировать в растровую (PNG или JPG) или векторную (SVG) картинку. - Есть и возможности предпросмотра. Во-первых, всегда в левом нижнем углу экрана отображается масштабируемое окошко предпросмотра текущей схемы.
А во-вторых, с помощью кнопки «Просмотр» на панели инструментов можно очень просто сделать картиночку, которая появится в соседней закладке и будет готова для печати.
Поскольку бочку мёда принято разбавлять ложкой дёгтя, назову небольшие недостатки, который мне удалось заметить в Diagram.ly.
- Не предлагаются примеры диаграмм, на основе которых можно создать свои собственные художества.
- Система создаётся, по всей видимости, группой энтузиастов и порой в работе системы возникают довольно глупые баги (например, в день написания сего мне не удавалось применить изменение шрифтов).
Однако, этот недостаток с лихвой покрывает наличие собственной ленты Diagram.ly в Google Plus, в которой можно открыто высказывать свои пожелания и предложения.
Ну и сейчас в разработке находится новая улучшенная версия Diagram.ly с облегчённым лаконичным интерфейсом, который мне нравится, если честно, чуть больше. Кстати, она открыта для бета-тестирования.
yWorks
yWorks производит впечатление системы, которая хочет предоставить пользователю минимально достаточный для работы набор стенсилов и средств работы с ними.
Отметим бросающиеся в глаза особенности работы системы:
- С первого взгляда видно, что панель инструментов этой системы не такая насыщенная, в ней можно выполнить минимальное количество действий (откатить или повторить действие, открыть, сохранить или распечатать диаграмму, поработать с буфером обмена, изменить масштаб или вид отображения доски).
- Стоит признаться, что без справки сложно догадаться, что текст в блоки добавляется по кнопке F2. Думаю, что если бы не привычка «курить маны» при первой же сложности, я бы так и не догадалась до этого. Однако, стоит отдать должное: справка написана хорошо и даже при среднем уровне английского будет вполне понятна пользователю.
- Видов блоков не так много, но достаточно для рисования, например, схем-бизнес-процессов, UML-диаграмм, ER-диаграмм и блок-схем. Также можно добавлять кастомные блоки. Не очень мне понравилось, что можно открыть только одну группу блоков за один раз. Так что, придётся запоминать, в какой группе лежит блок, если вдруг вы захотите снова им воспользоваться. Однако, приятен тот факт, что, например, все объекты-артефакты для BPMN-схемы скрываются за одной и той же картинкой артефакта с типом «документ» (остальные показываются при клике на маленькую стрелочку в правом нижнем углу значка). Это экономит рабочее пространство.
- Относительно форматов работы: загружать в систему можно только объекты с расширением .
Graphml. Сохранять диаграммы можно как файлы совсем без расширения (тем паче, что оно и не предлагается), а также экспортировать как растровую картинку в формате PNG. Приятно, что при экспорте диаграммы в картинку система предлагает настроить параметры экспорта.
- В левом верхнем углу предлагается предпросмотр только что нарисованной диаграммы, с помощью которого можно быстро менять участок схемы, который в данный момент отображается на доске (это напомнило мне о Heroes of Might & Magic).
- Для новичков создатели системы подготовили плюшку в виде возможности посмотреть примеры диаграмм, что лично мне кажется очень обоснованным решением. Для многих людей опора на ранее кем-то созданную модель является большим подспорьем в работе.
- И специально напоследок я оставила самый большой плюс этой системы. У блоков можно указывать очень большое количество свойств, например, быстро менять тип блока, с точностью до пиксела указать положение объекта на доске и его размер, задать текст, цвет фона, границ и загрузить изображение, которое будет занимать фон.
О компании-разработчике yWorks можно прочесть на её официальной странице.
Немного в качестве заключения
Немного обобщая всё выше сказанное, могу предположить, что Diagram.ly понравится больше молодым людям, которых радует великое множество возможностей, красивый интуитивный интерфейс, качественная вёрстка страницы и проч., а в yWorks найдут вдохновение люди, которых очень интересует внутренняя часть вопроса: свойства объектов, сохранение рабочего пространства, удобная навигация.
Стоит признаться, что та высоту, которую взяли и прочно удерживают современные бесплатные (!) онлайн-средства создания диаграмм, действительно можно назвать если не потрясающей, то, по крайней мере, значительной. Вот так, из любой точки мира можно теперь создавать действительно качественные и красивые диаграммы, сохранять их в удобный формат передачи (картинки), применяя при этом все имеющиеся у вас навыки оформления. И всё это абсолютно бесплатно.
Чем рисовать схему сети? ~ NetSkills
У меня довольно часто спрашивают: «Чем вы рисуете сети?». Причем вопрос на столько частый, что я даже решил написать статью на эту тему. Ниже я вкратце расскажу про два инструмента, которыми чаще всего пользуюсь. Также попробую сформулировать мысль, когда и каким инструментом лучше пользоваться.
1) Microsoft Visio
Это наверно первое, что может придти в голову. Это фактически стандарт для рисования схем. Тут и не поспоришь. Инструмент действительно очень функциональный. Более того, иногда при приеме молодых инженеров на работу, некоторые компании чуть ли не обязательным условием ставят «умение работать в Visio». Я бы добавил, что если вы рисуете схему для какой-то компании, то вы обязаны использовать Visio. Скорее всего им захочется иметь возможность вносить правки и тут уже никто не будет разбираться, что за программу вы использовали. Большинство компаний хотят видеть свои схемы именно в Visio-формате.
Большой плюс Visio — огромное количество дополнительных иконок и фигур.
Многие вендоры (Cisco, VMware, Check Point, Fortinet и т.д.) сами делают эти иконки для Visio и выкладывают их в открытый (либо закрытый) доступ. К примеру иконки Cisco можно посмотреть здесь.
Несколько скриншотов программы:
C недавнего времени доступна online версия:
Есть один минус — утилита платная. Я знаю, что это мало кого останавливает, но все же. Плюс, как мне кажется, для рядовых задач этот инструмент слишком «мощный». Когда вам нужно быстро «накидать» простенькую схему, то можно вполне обойтись более простым инструментом…
2) Draw.io
На текущий момент это мой любимый инструмент для отрисовки схем. Схемы я затем использую в своих книгах, курсах, статьях и т.д. Изначально это online-платформа которая работает из любого браузера:
Главное удобство — этот сервис интегрируется с Google Drive, а значит все созданные вами схемы будут в одном месте и доступны в любое время. Сам интерфейс и функционал очень напоминает Visio, поэтому особых проблем в навигации не возникнет.
Сервис — бесплатный.
Главный минус — маленький набор иконок. Cisco-фигуры хоть и присутствуют, но довольно старого дизайна. При этом нет никаких проблем, если добавлять иконки в png формате.
Хотел бы повториться, что я использую данный сервис исключительно для «своих» схем. Если мне нужно отправить схему заказчику, то я использую только Visio.
Дополнительные инструменты
Могу порекомендовать еще пару сервисов, однако сам ими не пользуюсь:
Нарисовать техплан помещения
Нарисуй технический план ОНЛАЙН за 3 минуты!
- — Отрисовка магазинов, офисов, складов
- — Наглядное видение объекта
2527
Нарисованных техпланов
Расскажите друзьям:
Видео