Программа для рисования схем на компьютере онлайн
Облачные конструкторы для создания схем, интеллект-карт, блок-схем, каркасных моделей и диаграмм. Сервисы с уже готовыми шаблонами c наглядным представлением информации или больших объёмов данных для научных, образовательных и бизнес-задач. Возможность добавление и изменение элементов для создаваемой графики простым перетаскиванием. Предлагается совместная работа над диаграммами и графиками, а также сохранение в различных форматах.
Подбор по параметрам
Softphone.Pro Team
Облачный сервис для руководителей колл-центров, отделов продаж и техподдержки. Онлайн-мониторинг звонков и управление персоналом колл-центра. Учёт рабочего времени и 15 аналитических отчётов.
DataFan Есть бесплатный тариф
Сервис для создания динамических отчётов о работе в социальных сетей и рекламных кабинетов.
Canva Есть бесплатный тариф
Инструмент для создания и редактирования дизайнерских материалов для страниц социальных сетей, сайтов, презентаций, отчётов и печатных материалов.
Draw.io Есть бесплатный тариф
Бесплатный онлайн-сервис для создания диаграмм и блок-схем, самых разных форм и структур
Microsoft Visio
Онлайн-сервис, который позволяет создавать, редактировать и совместно использовать схемы в Интернете.
БП Симулятор Есть бесплатный тариф
Сервис для моделирования и симуляции бизнеса, повышения эффективности и расчёта стоимости бизнес-процессов.
Creately Есть бесплатный тариф
Онлайн-сервис для создания диаграмм, интеллект-карт и схем.
TimeGraphics Есть бесплатный тариф
Инструмент для визуализации данных и создания таймлайнов.
Goalton Есть бесплатный тариф
Инструменты управления в одном сервисе: диаграммы связей, outliner, канбан, список дел, управление задачами.
ESK.ONE Есть бесплатный тариф
Онлайн-сервис для создания прототипов сайтов и интерфейсов, блок-схем и ментальных карт
FlowMapp Есть бесплатный тариф
Сбор и организация требований к разработке веб-сайтов при помощи интерактивной карты сайта.
Сметтер Есть бесплатный тариф
Онлайн-сервис для автоматизации строительного бизнеса.
STORM Есть бесплатный тариф
Сервис для совместной работы над диаграммами бизнес-процессов в нотации BPMN. Как Google docs, только для бизнес-процессов.
БИТ.Телефония как Сервис
Надежная телефония для бизнеса, помогает управлять обращениями Клиентов и работой сотрудников. Включает в себя: Интеграцию с 1С; Онлайн мониторинг и управление звонками; BI инструменты, дашборды для контроля и качества.
Planner office Есть бесплатный тариф
Онлайн платформа для управления строительными и инженерными проектами
MindMeister Есть бесплатный тариф
Инструмент для создания интеллект-карт и интерактивных диаграмм с возможностью совместной работы.
XMind Есть бесплатный тариф
Сервис для проведения мозговых штурмов и формирования интеллект-карт. Он позволяет управлять идеями, организовывать их, создавать диаграммы и работать над ними с коллегами.
Google Рисунки Есть бесплатный тариф
Инструмент для создания изображений, диаграмм и графиков.
Онлайн диаграммы Есть бесплатный тариф
Бесплатный сервис для создания и публикации онлайн-диаграмм. Система обладает поддержкой множества типов диаграмм, включая столбчатые, круговые, линейные, пузырьковые и радиальные диаграммы.
Lucidchart Есть бесплатный тариф
Решение для визуальной коммуникации с помощью блок-схем, диаграмм, UML и ER-моделей
Mind42 Есть бесплатный тариф
Бесплатный онлайн-сервис для создания интеллект-карт.
Coggle Есть бесплатный тариф
Онлайн-сервис для создания интеллект-карт.
Gliffy Есть бесплатный тариф
Онлайн-инструмент для создания схем, диаграмм и ментальных карт.
Moqups Есть бесплатный тариф
Платформа для создания дизайна прототипов приложений.
Mindomo Есть бесплатный тариф
Сервис для создания интеллект-карт, диаграмм Ганта и блок-схем.
MindMup Есть бесплатный тариф
Бесплатный сервис для создания диаграмм связей и схем.
Cacoo Есть бесплатный тариф
Онлайн-сервис, призванный помочь создавать интерактивные схемы совместно с коллегами и друзьями в режиме реального времени.
ChartGo Есть бесплатный тариф
Сервис для создания многофункциональных и цветных диаграмм с руководством по работе и демо-роликами для быстрого обучения.
Wisemapping Есть бесплатный тариф
Бесплатный редактор интеллект-карт для бизнеса.
Bubbl Есть бесплатный тариф
Онлайн-сервис создания интеллект-карт и проведения мозгового штурма.
SmartDraw
Инструмент для создания диаграмм и ментальных карт.
Infogram Есть бесплатный тариф
Создание инфографики, схем и карт.
ChartGizmo Есть бесплатный тариф
Сервис для построения схем. С помощью него можно создавать диаграммы для сайта, блога и социальных сетей. Он помогает визуализировать финансовые, научные и другие типы данных.
Textografo
Сервис для создания диаграмм из текста.
RAWGraphs Есть бесплатный тариф
Сервис преобразования таблиц и данных в визуальный контент.
Plotly Есть бесплатный тариф
Создание схем, диаграмм, дэшбордов.
Highcharts Есть бесплатный тариф
Сервис создания интерактивных схем для веб-страниц.
Comapping Есть бесплатный тариф
Сервис для создания интеллект-карт, проведения мозговых штурмов, планирования событий, обучения.
StoriesOnBoard
Инструмент для создания пользовательских историй.
Vecta Есть бесплатный тариф
Сервис для командного создания диаграмм с расширенным SVG-редактором.
EdrawMax Есть бесплатный тариф
Программное обеспечение для создания схем и диаграмм.
Cumul.io
Инструмент для создания пользовательских дашбордов с отчётной информацией без применения программного кода.
Недавно мы разработали и добавили на сайт редактор блок-схем. Вряд ли найдутся те, кто не знает, что такое блок-схема. Однако на всякий случай напомню, что блок-схема — это тип схем, описывающих алгоритмы или процессы, в которых отдельные шаги изображаются в виде блоков различной формы, соединенных между собой стрелками, указывающими направление последовательности действий. С помощью блок-схем обычно проще представить, как работает тот или иной алгоритм, и, что самое главное, не нужно вникать в особенности конкретного языка программирования, так как достаточно знать лишь несколько основных типов блоков.
Основные типы блоков
Чаще всего к основным блокам относят следующие:
- Обычный блок — содержит вычисления выражений и присваивания переменным
- Условный оператор — разделяет действия на две ветки в зависимости от истинности условия
- Начало-конец — является начальным блоком основной программы или завершающим различных подпрограмм
- Подпрограмма — с данного блока начинается описание работы подпрограммы
- Оператор цикла for — используется для цикла с известным количеством повторений
- Ввод/вывод — используется для ввода или вывода данных на экран/файл или любое другое место
- Дисплей — используется для вывода данных на экран
Помимо этих блоков немаловажными также являются текстовый блок (для создания каких-либо меток или подписей) и ссылка, который позволяет разбить длинную блок-схему на несколько более коротких частей. Каждый из этих блоков доступен для построения схем в нашем редакторе.
Интерфейс редактора
При открытии редактора, пользователю отображается меню и поле для построения блок-схем. Поле имеет сетку (при желании её можно отключить с помощью сочетания клавиш Ctrl+G), позволяющую избегать свойственной Visio проблемы со сверхмалым смещением блоков друг относительно друга и кривых стрелок. Меню (можно свернуть с помощью сочетания Ctrl+M) позволяет добавлять блоки на поле, выполнять загрузку и сохранение блок-схемы, а также изменять цветовую тему.
В правом нижнем углу поля находятся кнопки отмены/повтора действий, изменения масштаба и отображения всех горячих клавиш, а также отображается основная информация о текущей схеме. Пока не выбран ни один блок, отображаются только общие сведения — масштаб, текущая точка и количество блоков и стрелок. Как только пользователь выбирает какой-либо блок, к этой информации добавляются сведения о типе блока, его размере, положении, а также форматировании и размере шрифта.
Редактор хранит историю действий, так что в случае ошибки можно отменить последние действия с помощью сочетания клавиш Ctrl+Z. Чтобы повторить отменённое действие, достаточно нажать сочетание Ctrl+Y.
Добавление блока
Добавить новый блок на поле можно двумя способами:
- выбрать блок в меню и, зажав кнопку мыши, перетащить его в нужное место
- нажать цифровую клавишу, соответствующую номеру блока
При выборе блока в меню, он появится на поле рядом и будет перемещаться за мышью до тех пор, пока не будет отпущена клавиша мыши. Если же только кликнуть по пункту меню, то блок будет добавлен и зафиксирован. Нажимая цифровую клавишу, блок будет добавлен в том месте, где в данный момент находится указатель мыши.
Также блок можно скопировать и вставить с помощью сочетаний клавиш Ctrl+C и Ctrl+V соответственно.
Редактирование текста и форматирование блоков
Для ввода блока в режим редактирования достаточно дважды кликнуть по блоку или же нажать клавишу F2 при имеющемся активном блоке. Блоки поддерживают как обычное добавление символов, так и основные сочетания клавиш, свойственные обычному текстовому полю:
- Перемещение курсора: стрелки, Home, End
- Перемещение курсора на очередное слово: Ctrl+Left, Ctrl+Right
- Удаление до очередного слова: Ctrl+Delete, Ctrl+Backspace
- Выделение текста: Shift+Arrows, Shift+Home, Shift+End, Ctrl+A
- Вставка из буфера обмена: Ctrl+V
- Копирование в буфер обмена: Ctrl+C
- Жирный и курсивный шрифт: Ctrl+B и Ctrl+I соответственно
- Изменение размера шрифта: Ctrl+Plus и Ctrl+Minus соответственно
Добавление стрелок, соединение блоков
У каждого блока (кроме текстового) есть четыре коннектора. Чтобы соединить блоки стрелкой, необходимо навести мышь на один из коннекторов начального блока и нажать левую кнопку мыши. После этого стрелка будет перемещаться вместе с мышью до тех пор, пока не будет произведён клик на другой коннектор. Также в процессе добавления стрелки можно кликнуть по пустому пространству. Данное действие приведёт к добавлению промежуточного узла в стрелку, и новые сегменты будут строиться уже от неё. Если решение начать строить данную стрелку оказалось ошибочным, для отмены действия достаточно нажать клавишу Esc.
Если же нужно соединить два близких блока и не хочется тянуть стрелку, можно перетащить один из блоков к другому нужным коннектором (коннекторы, между которыми будет добавлена стрелка будут подсвечены) и отпустить мышь.
А если требуется вставить блок между двумя другими блоками, не нужно сначала разрывать все уже имеющиеся стрелки. Достаточно перетащить блок на вертикальный участок стрелки так, чтобы она подсветилась, и отпустить блок. Все соединения будут добавлены автоматически.
Масштабирование и перемещение блоков
Чтобы изменить размер блока, наведите указатель мыши на одну из восьми точек изменения размера, зажмите левую кнопку мыши и перемещайте мышь до тех пор, пока не получите блок нужного размера. Для дополнительного контроля во время изменения размера блоки с одинаковым размером подсвечиваются одной или несколькими специальными линиями в зависимости от типа изменения размера.
Для изменения положения блока нужно нажать на блок и, зажав левую кнопку мыши, переместить блок в нужное место, после чего отпустить мышь. Также для перемещения активного блока можно использовать клавиши стрелок на клавиатуре.
Изменение стрелок и их частей
Для перемещения части стрелки наведите указатель мыши на желаемый сегмент, зажмите левую кнопку мыши и переместите его в нужное место.
Иногда нужно перетащить не весь сегмент, а лишь его часть. В таком случае необходимо добавить дополнительный узел на стрелку. Сделать это можно путём клика по стрелке с зажатой клавишей Ctrl.
Чтобы "переподключить" стрелку, сделайте её активной и нажмите на коннектор, в который входит конец стрелки. Тогда стрелка будет отсоединена от конечного блока и её можно будет подключить к другому коннектору.
Масштабирование и перемещение
Для того, чтобы передвигаться по полю вверх и вниз используйте обычную прокрутку мыши. Для горизонтального перемещения используйте ту же прокрутку мыши, но с зажатой клавишей Shift. Также перемещение по полю возможно путём перемещения мыши с зажатыми левой клавишей и клавишей Ctrl.
Для изменения текущего масштаба поля используйте прокрутку колёсика мыши с зажатой клавишей Alt. Также масштабирование возможно с использованием сочетаний клавиш Ctrl+Plus и Ctrl+Minus или иконки лупы в правой нижней части экрана для увеличения и уменьшения масштаба соответственно.
Переключение между блоками и поиск ближайшего блока
Чтобы сделать активным очередной блок и переместить поле так, чтобы он оказался в центре, достаточно нажать клавишу Tab. А для того чтобы перейти не на следующий, а на предыдущий блок, нужно нажать сочетание клавиш Ctrl+Tab.
Для перемещения поля таким образом, чтобы в центре оказался ближайший блок, нужно нажать сочетание клавиш Ctrl+F.
Выделение и действия с ним
Для создания выделения в пустом месте зажмите левую кнопку мыши и перемещайте её до выделения нужной области. Во время перемещения будет отображаться прямоугольник с полупрозрачным фоном, показывающий границы текущего выделения. По завершении выделения блоки, попавшие в область, будут подсвечены. Если же ни один блок не попадёт в выделение, то оно пропадёт. Если требуется выделить все блоки сразу, то используйте сочетание клавиш Ctrl+A
Чтобы переместить выделение, аналогично перемещению блоков зажмите левую кнопку мыши внутри выделения и перемещайте мышь. Также для перемещения можно использовать стрелки клавиатуры. Во время перемещения стрелки, целиком попавшие в выделение, будут перемещаться в неизменном виде, однако стрелки, не попавшие в выделение, будут выполнять автоматическую перестройку.
Чтобы скопировать активное выделение, используйте сочетание клавиш Ctrl+C. Для вставки скопированного выделения нажмите Ctrl+V. Удалить выделение можно с помощью нажатия клавиши Delete.
Смена меток блоков, смена направления стрелки и её перестроение
Некоторые блоки (например, блок условного оператора, блок начала/конца или ссылки) имеют метки или текст, писать который постоянно не очень хочется. Поэтому для упрощения работы с ними мы добавили возможность смены меток по нажатию клавиши R на активном блоке. Вот как это работает для разных типов блоков:
- Блок начала/конца: циклическое изменение текста "начало" - "конец" - "вернуть"
- Блок ввода/вывода: циклическое изменение текста "ввод" - "вывод"
- Блок условного оператора: смена положений меток да/нет или их полное отключение
- Блок ссылки: увеличение на 1 цифры текущей метки (уменьшение на 1, если нажать Ctrl+R)
При нажатии клавиши R и наличии активной стрелки, её направление изменится на противоположное без перестроения сегментов.
Нажатие Ctrl+P при наличии активной стрелки приведёт к автоматическому перестроению всех сегментов.
Вставка шаблонов блок-схем
Для того чтобы постоянно не создавать с нуля простые циклы или блоки с условием или выбором, редактор позволяет добавить несколько типовых шаблонов, а именно:
- Цикл for — сочетание Ctrl+1
- Цикл while — сочетание Ctrl+2
- Вложенный цикл for — сочетание Ctrl+3
- Условный оператор с двумя ветвями — сочетание Ctrl+4
- Оператор выбора — сочетание Ctrl+5
- Основная программа — сочетание Ctrl+6
Сохранение и загрузка блок-схем
Для сохранения доступна не одна, а сразу три кнопки в меню, причём каждая делает своё действие, а именно:
- Сохранить схему (.json) — сохраняет блок-схему в виде json файла, который затем можно открыть в редакторе для изменения (сочетание клавиш — Ctrl+S)
- Сохранить схему (.jpg) — сохраняет блок-схему в виде единого изображения без сетки и меню в том масштабе, в котором сейчас находится редактор (сочетание клавиш — Ctrl+Shift+S)
- Сохранить области (.jpg) — находит связанные области (два и более блоков, соединённых стрелкой) и сохраняет каждую в виде изображения по отдельности (сочетание клавиш — Ctrl+Alt+S)
С загрузкой всё гораздо проще: одна кнопка, клик по которой позволяет выбрать json файл с блок-схемой (сочетание клавиш — Ctrl+O). При успешном открытии, текущая блок-схема будет заменена на новую, в противном случае останется прошлая схема, однако история изменений будет утеряна.
Выпускник МГУ им. М.В. Ломоносова
Выпускница МГТУ им. Н.Э. Баумана
Programforyou — это сообщество, в котором Вы можете подтянуть свои знания по программированию, узнать, как эффективно решать те или иные задачи, а также воспользоваться нашими онлайн сервисами.
Любые данные, будь то бытовое планирование на месяц, техническая инструкция или план работы по проекту, должны быть понятными и систематизированными. Не всё можно представить в виде простого текстового описания, списка или рисунка. Поможет в визуализации блок-схема, называемая также флоучартом.
Создать блок-схемы, флоучарты и майндмэпы помогут и простые текстовые и графические редакторы. Но в ряде случаев гораздо удобнее воспользоваться онлайн-сервисами. Во-первых, не нужно засорять память устройства, во-вторых, онлайн-приложения позволяют работать не в одиночку, а командой.
Собрали 15 онлайн-сервисов для создания и редактирования блок-схем.
Draw.io
Самый популярный онлайн-сервис для создания блок-схем. Он бесплатный и обладает хорошим набором инструментов и функций, позволяющих создавать организационные диаграммы, блок-схемы (флоучарты), сетевые диаграммы, UML, принципиальные электросхемы. У сервиса есть 5 готовых шаблонов блок-схем. Понятный интерфейс, поддерживает виртуальные хранилища – Google Drive, OneDrive и DropBox, что даёт возможности нескольким пользователям совместно работать над проектом. Сохранить проект можно в форматах JPG, PNG, SVG, PDF, HTML, XML, можно импортировать файлы в VSDX, и сохранять в собственные форматы других сервисов – Lucidchart и Gliffy.
Для большинства пользователей набора его опций хватает. Тем, кому нужны более широкие возможности, стоит рассмотреть другие варианты.
Wireflow
Этот сервис ориентирован, прежде всего, на веб-разработчиков и дизайнеров, он позволяет проектировать каркасы сайтов и пользовательские потоки. Wireflow прост в управлении, имеет обширную библиотеку элементов, несколько вариантов шаблонов блок-схем. К сожалению, сохранить готовый результат можно только в JPG, что доставляет некоторые неудобства. Но это приложение бесплатно, и со своими задачами оно справляется.
Microsoft Visio
Говоря о блок-схемах, нельзя не вспомнить про Visio. Этот продукт Microsoft создан специально для проработки блок-схем, организационных диаграмм, карт процессов. Кроме этого, с помощью него можно создавать планы зданий и помещений, схемы и инженерные проекты. Вы можете спросить, какое отношение он имеет к онлайн-сервисам. Сама по себе программа Visio – для ПК, но она предусматривает возможность совместной одновременной работы онлайн в Office 365. Блок-схемы в этой системе связаны с базовыми исходными данными таким образом, что обновляются при изменении этих самых данных.
Lucidchart
Для тех, кого по каким-то причинам не устраивает Visio, есть вариант, являющийся полноценной его заменой в области создания диаграмм и флоучартов. В приложении есть множество элементов, шаблоны для создания блок-схем и диаграмм (впрочем, можно обойтись без них и создать схему с нуля), в платной версии их ещё больше. Интерфейс приложения интуитивно понятен и прост, с ним разберётся даже начинающий пользователь. Для работы необходим только выход в интернет, есть возможность командной работы (хотя и с ограничениями для бесплатных аккаунтов). Сервис поддерживает импорт файлов Visio (VSDX), Amazon Web Service (AWS) и Omnigraffle, а сохраняет результаты в JPG,PNG, SVG, PDF и Visio. Кроме того, есть приятная возможность сохранять промежуточные версии на облачном сервере.
Бесплатная версия Lucidchart функциональна, но если не хватает расширений – можно оплатить подписку. В их числе: больший объём виртуального хранилища, возможность создания неограниченного количества проектов, добавления ссылок на данные. Стоит платная версия от $5,95 до $20 в месяц.
Cacoo
Cacoo – похожий на Lucidchart сервис, но более специализированный под блок-схемы. Здесь нет лишнего, зато есть множество шаблонов, форм и стрелок на любой вкус. Приложение удобно в управлении, в нём очень хорошо реализованы возможности для командной работы – ведь именно для этого оно и задумывалось. Можно заниматься проектом в режиме реал-тайм, видеть, кто в данный момент работает. Есть чат для обсуждения.
Сервис платный. Стоимость месяца работы в зависимости от тарифа варьируется от $4,95 до $18. Первые 14 дней можно пользоваться бесплатно.
Google Docs
Когда речь заходит о Google Docs, то, наверное, уместнее будет спросить, что же НЕ может этот сервис. Блок-схемы тоже не стали исключениями – их можно создавать в Гугл Документах при помощи функции Google Drawings. Набор функций тут стандартный, управление простое, разобраться с ним легко. Так как сервисы Гугла связаны с Google Диском, то возможность командной работы подразумевается сама собой. Просто создайте проект и отправьте ссылку на него другим участникам, открыв доступ для редактирования. Сохранить результат можно как файл рисунка или SVG, а также опубликовать в сети.
Сервис бесплатный, однако есть ограничения – вам будет доступно всего 15 ГБ на Диске.
Gliffy
Нужно что-то попроще? Тогда Gliffy – это для вас. Приложение не может похвастаться огромным набором функций, но зато в нём есть много шаблонов, оно простое и быстрое. Работает в режиме офлайн. Командная работа поддерживается, вы можете обмениваться своими наработками с коллегами.
Однопользовательская версия стоит $7,99, для команды – $4,99 за каждого пользователя.
Textographo
Необычный и уникальный сервис, где блок-схемы создаются при помощи текста. Вам не придётся перетаскивать блоки и стрелки, просто наберите текст, используя специальный синтаксис – ключевые слова, хештеги, маркировку. А программа сама построит графическую схему – флоучарт, диаграмму, карту разметки. Коллективная работа поддерживается, все данные сохраняются в облаке.
Сервис платный. Версия Essentials стоит $8, а Premium – от $14 в месяц.
OmniGraffle
Этот инструмент предназначен специально для MacOS и iOS. Его возможности не ограничиваются простым созданием и редактированием флоучартов, ещё сервис может работать с векторной графикой (например, преобразовывать линии в кривые Безье). Есть возможность вводить команды и редактировать данные с клавиатуры. Продвинутые пользователи могут автоматизировать работу сервиса с помощью JavaScript.
Тарифы сервиса бьют по карманцам – от $50 до $250. Первые 14 дней – бесплатно.
SmartDraw
Аналог Visio, подходящий как для онлайн-использования, так и для установки на компьютер под управлением Windows и MacOS. Как и в продукте от Microsoft, здесь можно создавать простые блок-схемы, диаграммы, сложные поэтажные планы зданий. Как и во всех программах подобного типа, есть шаблоны, и здесь их немало – несколько десятков. Сервис обладает мощным функционалом и при этом он прост в управлении.
Стоимость использования сервиса – $15 в месяц.
Creately
Очень гибко настраиваемый сервис с сотнями шаблонов и тысячами примеров от самих пользователей. Диаграммы, графики, блок-схемы – здесь найдутся образцы для всего. Кроме прочего, многие элементы «умные» и сами подстраиваются под общий стиль блок-схемы или диаграммы, даже под цветовую гамму. Работать над проектом можно командой в реальном времени, есть возможность комментирования, просмотра истории изменений. Интеграция с Chrome и GSuite тоже является несомненным плюсом.
Работать с Creately можно не только через браузер, есть приложения на ПК и смартфон. Стоимость лицензии – $5 в месяц или $75 бессрочно с каждого пользователя. Но это того стоит.
Mindomo
Сервис интегрирован с GSuite, Google Диском, Office 365, а также с системами управления обучением – Canvas, Blackboard, Schoology, Moodle.
Canva
Простой, понятный сервис для создания красивых блок-схем. Набор функций мало отличается от всех вышеперечисленных вариантов, однако Canva может похвастаться возможностью настройки внешнего вида. Фон страницы, шрифт и цвет текстов, добавление изображений – собственных или из огромной библиотеки. Есть даже встроенный фоторедактор. Разумеется, здесь есть и поддержка командной работы. Для работы с мобильных устройств есть приложения как для iOS, так и для Android. Сохранение проектов – в формат PDF.
Сервис бесплатен, но есть премиум-элементы (фото и векторные изображения), они стоят $1 за штуку.
Mindmeister
Сервис для создания ментальных карт и диаграмм. У него неплохой функционал, хорошо реализованные возможности командной работы – поддержка мобильной версии, чат и комментирование. Можно добавлять ссылки, изображения и видео, вставлять созданные файлы в свой блог или сайт, просматривать историю изменений, создавать из проекта презентации и слайд-шоу, есть даже функция рисования. Сохранять можно в PNG, PDF, а также программу Word. Сервис интегрируется с приложениями Гугла.
Имеется бесплатный тариф с 3 проектами карт, но есть и платные версии – от $36 за полгода, с более широкими возможностями.
MindMup
Бесплатный редактор схем и диаграмм со стандартным набором функций. У него есть возможность командной работы с настройками доступа, можно добавлять файлы и следить за историей. Но в приложении отсутствуют шаблоны, нет режима презентации и добавления эффектов. Кроме того, невозможно резервное копирование.
Есть много разных сервисов, облегчающих жизнь веб-разработчику или дизайнеру, в том числе создающих разные графики, диаграммы, блок-схемы и т.д. Ниже представлена небольшая подборка.
(Осторожно, много изображений)
Все картинки кликабельны и ведут на соответствующий ресурс.
Сервисы
Amcharts
AnyChart
Flash based решение для визуализации. Есть не только веб, но и десктопные приложения.
Autodesk
Предлагает инструменты для рисования схем электронных плат, диаграмм, различного рода UI. Не требует никаких дополнительных плагинов — требуется только браузер, работающий с JavaScript, является кросс-браузерным. Поддерживает экспорт в PDF, JPG, PNG, и SVG.
Barchart
Используется для построения столбчатых диаграмм, иными словами гистограмм.
Best4c
Best for Charts. Используется для построения различного рода диаграмм и схем.
Bubbl
Создает разноцветные схемы.
ChartDemo
Онлайн тулза для создания различных графиков, поддерживает метки и легенду.
ChartGizmo
Позволяет создавать различные графики для сайтов, блогов, профилей и т.д. Может быть полезен для визуализации научной, финансовой или какой-либо другой информации.
CreateAGraph
Онлайн-сервис, поддерживающий 5 разных графиков и диаграмм на ваш выбор.
DrawAnywhere
Блок-схемы, различные организационные, иерархические графики. Поддерживает экспорт в PDF.
Emprise
Поддерживает различные типы графиков, масштабирование по осям, авто-зум и т.д. Отличается высокой интерактивностью.
FlowingData
Работает прямо из браузера, рекомендуется для визуализации различной статистики.
Flowchart
Поддерживает рисование множества объектов (от линий и треугольников, до кривых Безье), экспортирует в PDF или PNG.
Fooplot
Простенький сервис, поддерживающий построение графиков и диаграмм.
Gliffy
Отличный сервис для создания различных диаграмм, очень приятный на вид интерфейс и множество возможностей.
Mindomo
Позволяет создавать и редактировать диаграммы связей.
Mindmeister
Очень гибкий инструмент для создания различных диаграмм связей.
MGraph
Простенькая тулза для создания диаграмм.
Pareto-Chart
Онлайн генератор графиков, поддерживает семь начальных инструментов бесплатно.
Rich Chart Live
Бесплатный сервис, поддерживает различные диаграммы, графики и т.д. Работает на Flash.
WebSequenceDiagrams
Сервис для создания схем. Ключевая особенность — описание схем на неком подобии языка программирования.
SimpleSeating
Отличный сервис для анализа различной информации.
Smartchart
Сервис для различного рода планирования, также поддерживает диаграммы, бесплатен.
Statistics Toolbox
Мощный инструмент для статистического моделирования и анализа. Позиционируется для изучения статистики на практике.
Track-n-graph
Простенький, но приятный на вид сервис для построения графиков.
Библиотеки, плагины, инструментарии для разработчика
Plotr
Легкий фреймворк для рисования простых графиков и диаграмм. Не использует Flash, и не поддерживает интерактивных элементов.
PlotKit
Библиотека для построения графиков на JavaScript, поддерживает HTML Canvas.
jqPlot
Open Source плагин для библиотеки jQuery. Поддерживает всевозможные линии и типы графиков.
Google Charts
Разнообразный набор инструментов для создания диаграмм и графиков, включая библиотеку на JavaScript.
Highcharts
Библиотека на JavaScript, предназначенная для создания интерактивных графиков и диаграмм.
Dygraphs
Еще одна библиотека на JavaScript, Open Source.
Protovis
Использует JavaScript и SVG для нативной визуализации.
jQuery Sparklines
Плагин для jQuery, генерирующий inline-схемы и графики.
jpGraph
Мощная библиотека, которая использует для отображения PHP.
jQuery плагин для построения графиков. На лету формирует графики по наборам данных.
JavaScript Diagram Builder
Простая библиотека для JavaScript, позволяет рисовать графики на веб-страницах.
gRaphael
JavaScript библиотека для внедрения графиков и схем на веб-страницу.
pChart
Полностью бесплатный php-фреймворк.
FusionCharts
Кому интересно, большая часть подборки взята отсюда.
Если кто-то считает, что в посте чего-то не хватает — пишите, добавим.
В сфере автоматизации проектирования с каждым годом всё сильнее укрепляют свои позиции параметрические трёхмерные САПР. Полезность такого подхода в инженерном деле сейчас не вызывает сомнений, и сфера применения такого подхода обширна.
Тем не менее, в инженерном деле остаётся место и для традиционного двумерного проектирования, и для этого есть соответствующие инструменты.
В комментариях под статьями на тему САПР (например 1, 2) на Habr попадаются упоминания о том, кто чем пользуется, и порой сведения оказываются неожиданными. А ещё остается открытым вопрос о доступной (а желательно бесплатной) САПР с правом коммерческого использования для мелких предпринимателей и мастеровых людей.
Двумерные САПР остаются по-прежнему востребованными по многим причинам.
Во-первых, они предлагают классический подход к проектированию, когда всё продумывает человек, а программа служит только для автоматизации графической рутины. Это привычно как черчение карандашом на листе миллиметровки, потому такие САПР легче в освоении, особенно для тех, кто изучал начертательную геометрию и инженерную графику.
Во-вторых, инженерам удобно работать с накопленным за долгие годы наследием из чертежей, а в проектах модернизации старых изделий приходится опираться на бумажные чертежи из архивов.
В 2D САПР удобно делать эскизы, теоретические построения, выполнять различные схемы и поэтажные планы, оформлять конструкторскую и технологическую документацию.
Кроме того, в некоторых случаях плоских чертежей и вовсе достаточно для полноценной реализации задуманного: например, для резки листовых материалов на фрезере или лазерном резаке с ЧПУ.
Также двумерные САПР как правило более доступны по цене и имеют низкие требования к аппаратной части компьютеров.
В каждой из таких систем хочется видеть как минимум такой перечень наиболее полезных возможностей:
- Слои.
- Блоки.
- Объектные привязки.
- Фильтры для быстрого выбора объектов по различным признакам.
- Пользовательские системы координат.
- Штриховки и заливки цветом.
- Размеры и тексты со стилями оформления, таблицы.
- Аннотации с масштабами.
- Работа в пространстве модели и пространстве листов с видовыми экранами.
- Поддержка популярных форматов данных.
DraftSight
Известный продукт от Dassault Systèmes, когда-то он входил в состав пакета SolidWorks для совместимости с AutoCAD и назывался DWG Editor.
Рис. 1. DraftSight хорошо поддерживает чертежи из AutoCAD
DraftSight поддерживает работу с форматами DWG и DXF в качестве основных форматов, предлагает как ленточный, так и классический интерфейс как в старых версиях AutoCAD.
Для черчения DraftSight предоставляет весь вышеупомянутый «джентельменский набор». Кроме этого, DraftSight умеет:
- Экспорт чертежей в PDF и SVG.
- В качестве основного формата данных используются DWG и DXF.
- Кроме работы с чертежами можно просматривать 3D модели из файлов DWG и DXF.
- Сходство с AutoCAD.
Кроме бесплатной версии, разработчики предлагают платную подписку за 150 долларов в год либо единоразовый апгрейд до профессиональной версии за 300 долларов — пожалуй, это одна из самых доступных коммерческих САПР.
Пользователям профессиональной версии становятся доступны дополнительные функции: новые команды, библиотека элементов оформления и блоков стандартных изделий для механики и архитектуры, сравнение чертежей, пакетная печать, подложки PDF и API для автоматизации.
К недостаткам можно отнести неприятный маркетинговый ход: в UI бесплатной версии остаются видимыми некоторые элементы (например Toolbox, QuickModify, BatchPrint), которые работают только в платной профессиональной версии.
В целом же программа позволяет работать с чертежами с достаточным уровнем комфорта и может считаться конкурентом AutoCAD LT.
Для активации бесплатной лицензии нужен интернет.
Поддерживаемые платформы: Windows, macOS, Linux. Лучше всего DraftSight реализован для Windows и пребывает в актуальном состоянии: периодически выходят обновления и патчи. Версии для Linux и macOS находятся в состоянии бета-версии.
nanoCAD
Следующий участник обзора — nanoCAD от компании Нанософт, который читателям Хабра уже хорошо известен. Это еще один универсальный «электронный кульман».
Рис. 2. Строим ракету в nanoCAD
nanoCAD также предлагает все основные удобства для черчения, кроме того, nanoCAD отличается такими особенностями:
- Поддержка отечественных стандартов, текстовые и размерные стили шрифтов по ГОСТ 2.304-81, а размеры оформляются как по ЕСКД и СПДС.
- Хорошая поддержка DWG (как основной рабочий формат файлов) и DXF.
- Поддержка подложек PDF.
- Просмотр 3D моделей в форматах DWG и DXF.
К недостаткам можно отнести устаревание программы — развитие nanoCAD остановилось на версии 5.1 в 2013 году. По крайней мере программа по-прежнему располагается на сайте Нанософт и в личном кабинете пользователя можно получить файл бесплатной коммерческой лицензии, и есть надежды на обновление.
nanoCAD разрабатывается только под Windows.
DoubleCAD XT 5
DoubleCAD XT 5 — еще один бесплатный САПР класса «электронный кульман», напоминающий AutoCAD LT и nanoCAD вместе взятые.
Во многом аналогичный вышеописанным САПР своим джентельменским набором функций для черчения.
Рис. 3. DoubleCAD XT с примерами и библиотекой элементов
- Присутствует режим динамического ввода размеров.
- Есть библиотека элементов в блоках.
- Инструмент «стена» для архитектурных проектов, возможность просматривать трехмерные модели и делать из них плоскую проекцию для чертежа.
- Еще в комплекте с программой идёт интересный набор чертежей и технических иллюстраций в качестве примеров.
- Поддерживаются форматы DWG и DXF для импорта и экспорта, импорт из SketchUP.
- Собственный формат данных в качестве основного.
- Цветовая гамма пользовательского интерфейса на любителя, впрочем, тёмная тема сейчас в тренде.
- Развитие программы остановилось еще в 2012 году и никаких новостей не слышно, а платные версии даже название сменили на TurboCAD.
Siemens Solid Edge 2D Drafting
Siemens Solid Edge 2D Drafting это самый тяжеловесный участник нашего обзора.
Он отличается богатством возможностей, именитостью компании-разработчика и размером установочного пакета — 2,8 Гб. Разработчики из Siemens не стали отделять 2D САПР от полновесного трёхмерного параметрического САПР: при установке выбирается бесплатный режим работы — двумерное черчение и просмотр трёхмерный моделей, при этом устанавливается и всё остальное, но в нашем случае оно будет просто занимать место на диске.
При знакомстве с программой обращают на себя внимание такие возможности:
- Параметрическое черчение, которое позволяет задавать зависимости между элементами чертежа и указывать размеры, меняя которые можно управлять геометрией других элементов на чертеже. Числовые параметры с чертежа собираются в таблицу, в которой можно составлять расчеты зависимых параметров.
- Поддерживаются ограничения (constraints), такие как соединение, параллельность, концентричность, коллинеарность, параллельность, перпендикулярность, симметрия и другие.
- Стили размеров и аннотаций в соответствии с различными системами стандартов.
- Также есть выноски для обозначения позиций, настраиваемые обозначения сварки, знаки обработки поверхностей, допуски, таблицы, расчеты по формулам.
- Поддержка DWG и DXF, возможность открывать модели в форматах Parasolid, IGES и STEP.
- Просмотр и снятие размеров с трёхмерных моделей вышеперечисленных форматов.
- Визуализатор KeyShot 7 в пробном режиме в нагрузку :)
Рис. 5. Параметрические связи и оформление размеров в Solid Edge 2D
Мое личное впечатление — здесь всё серьезно. Программа мощная и требует изучения и набивания руки для продуктивной работы, после чего ее можно будет эффективно использовать для выполнения чертежей даже в профессиональной среде.
Есть и ложка дёгтя в бочке мёда:
- Частичная поддержка стандартов оформления, например при выборе стандартов ЕСКД штампы основной надписи на чертежах не соответствуют стандарту.
- Импорт трёхмерных моделей DWG показал себя нестабильным, по крайней мере это можно ожидать, так как Solid Edge имеет собственный формат данных.
- Устанавливается много лишнего в нагрузку.
- Поддерживается только Windows, что среди САПР, к сожалению, в порядке вещей.
QCAD и LibreCAD
QCAD и LibreCAD — известные кроссплатформенные open source программы для двумерного проектирования. Я разместил их в обзоре вместе, так как эти программы не только похожи визуально, но и наследуют общую кодовую базу.
Для привычных к AutoCAD-подобным САПР пользователей эти два приложения могут показаться неудобными. Но некоторые находят для себя подход к проектированию в QCAD и LibreCAD интуитивно понятным и удобным, так что это дело вкуса.
QCAD разрабатывается по большому счёту одним человеком и даже коммерциализирован в виде QCAD Professional: собранное приложение упаковано вместе с плагином для поддержки формата DWG и библиотекой стандартных изделий.
В Professional версию входит модуль Command Line Tools для пакетной конвертации CAD файлов. А QCAD/CAM это версия Professional с CAM модулем для получения G-code.
Рис. 6. QCAD прост и аккуратен
Доступный для скачивания установочный пакет по умолчанию содержит QCAD Professional в Trial режиме. Чтобы пользоваться QCAD бесплатно — придется отключить эти плагины вручную, или собрать Community Edition из исходников самостоятельно. Впрочем, если программа очень понравилась, то Professional версия обойдется всего в 33 евро, а CAM аж в 89 евро :) Для обучения пользователей автор продаёт учебник в электронном и бумажном виде.
- Поддерживает плагины на ECMAScript, импорт и экспорт SVG.
- Программа и сайт выглядят приятно.
В свою очередь, LibreCAD это форк от QCAD Community Edition, который поддерживается командой энтузиастов и тоже имеет сообщество активных пользователей. Для LibreCAD собираются пакеты под все популярные операционные системы без каких-либо коммерческих плагинов.
Рис. 7. LibreCAD и его настройки
- Поддерживается экспорт в SVG.
- Есть возможность расширения программы плагинами.
- Библиотека LibreDWG в дистрибутив не входит из-за несовместимости лицензии GPLv3 с GPLv2.
- Пользовательский интерфейс, честно говоря, так себе.
- Ассортимент функций еще скромнее чем у QCAD.
Поддерживаемые платформы: Linux, macOS, Windows, FreeBSD и другие Unix при сборке из исходников.
ZCAD это open source проект, который изначально разрабатывался как электротехнический САПР, но с недавнего времени автор разработал и универсальную версию.
Рис. 8. ZCAD в электротехнической конфигурации
- По принципам устройства пользовательского интерфейса ZCAD приближен к классическому AutoCAD, интерфейс можно настраивать, возможно добавление пользовательских кнопок (путем редактирования файла меню).
- Поддерживает очень большие чертежи.
- Есть все базовые инструменты управления чертежом: слои, типы линий, толщины линий и прочее, практически весь «джентльменский набор 2D САПР».
- В качестве собственного формата файлов используется DXF 2000.
- Отсутствие некоторых примитивов, наиболее критично: штриховка и дуговые сегменты в полилиниях.
- Отсутствие некоторых привычных команд, таких как «продлить», «обрезать».
- Выбор инструментов образмеривания тоже не большой.
- Отсутствие поддержки пространства листа и видовых экранов, работать можно только в пространстве модели.
- Не очень аккуратная локализация пользовательского интерфейса и мелкие баги, так как автор работает над программой практически в одиночку.
Установочный пакет публикуется для Windows, но так как ZCAD разработан на Free Pascal в среде Lazarus, то его можно собрать из исходников и для Linux.
Как видите, бесплатный 2D САПР с правом коммерческого использования не только существует, но даже есть из чего выбрать.
Читайте также: