Когда-то по работе мне нужно было часто готовить диаграммы по различным поводам. Возможностей Excel часто не хватало и мне приходилось прибегать к более изощрённым способам. Поэтому в этой статье я решил вспомнить молодость и рассказать о шести полезных программах для создания диаграмм.
Dia
Dia - бесплатный редактор для создания графиков различной сложности.
Эта программа послужит крутой альтернативой для Microsoft Visio. Простой и понятный интерфейс, сотни фигур, поддержка баз данных и собственных фигур в XML или SVG. А ещё благодаря опенсорсному коду программа доступна на Windows, Mac и Linux.
Мощная программа для быстрого создания качественных диаграмм.
Доступно как ручное создание, так и импорт внешних данных. Встроенные алгоритмы программы быстро обрабатывают массив данных и автоматически визуализируют их. Программа доступна на Windows, Unix/Linux и Mac.
Ещё одна программа с открытым исходным кодом для создания диаграмм.
Pencil Project ориентирован на визуальное создание диаграмм (то есть не из массива данных). Встроенная коллекция форм и шаблонов поможет быстро выбрать нужный формат диаграммы. Ещё у программы большое сообщество энтузиастов, которые всегда готовы помочь с созданием графиков или ответить на вопросы о программе.
Альтернатива офисному пакету от Microsoft. А значит, тут есть всё.
Действительно, если вы привыкли делать графики в Visio или Excel, то первым делом стоит попробовать альтернативу в виде LibreOffice Draw. Здесь вы найдёте всё те же привычные инструменты и функции, просто в немного другой упаковке.
Подойдёт тем, кто хочет дёшево и сердито.
Минималистичный до безобразия интерфейс, единственная цель которого - создать диаграмму. Несмотря на кажущуюся простоту, здесь много функций. Поддерживается импорт и экспорт данных, автоматический расчёт формул и многое другое.
Есть портабельная версия, но поддерживается работа только на Windows системах.
Не такой, как все и не для всех. Здесь для создания диаграмм применяется простой (ага) и интуитивно понятный язык программирования.
Зато, когда вы разберётесь с языком, вы сможете создавать диаграммы любой сложности.
3.9KКогда речь идет о программах для создания диаграмм, де-факто стандартом является Microsoft Visio . Но с учетом того, что версия Standard edition стоит около 300 долларов США на 1 ПК, а версия «Про » вдвое больше, некоторые захотят найти бесплатную альтернативу этому UML редактору.
В этой статье мы рассмотрим пять лучших бесплатных и простых в использовании инструментов для создания диаграмм сети.
Draw.io
Бесплатное облачное программное обеспечение для создания диаграмм онлайн. Сформированные диаграммы можно сохранить на Google Диск, в Dropbox, OneDrive или на собственное устройство. А также экспортировать их в форматы PNG , SVG , HTML , PDF или XML .
Нажмите кнопку «Больше фигур », расположенную в левой части экрана, чтобы выбрать другие фигуры, обозначающие сетевые устройства, из предустановленных категорий. С помощью «Электронного блокнота » можно добавлять собственные изображения, перетаскивая их, импортируя из файлов или указывая URL-адрес изображения .
LibreOffice Draw
Draw является частью пакета LibreOffice , альтернативы Open Office и Microsoft Office . Сточки зрения функционала Draw похож на Visio , он предлагает возможность создавать базовые или сложные диаграммы: от блок-схем и схем корпоративной сети до 3D-диаграмм .
LibreOffice Draw работает на Windows , Linux и Mac OS X .
Совет. LibreOffice Portable позволяет запускать любые инструменты с USB-устройств , локального жесткого диска или из облака.
Чтобы начать работу с редактором UML диаграмм, нужно загрузить и установить пакет иконок топологии сети, доступный в виде расширения. К популярным расширениям относятся VRT Network Equipment и Cisco Network Topology Icons .
Чтобы установить расширение, перейдите в Инструменты — Диспетчер расширений — Добавить , а затем выберите загруженный файл и он автоматически добавится в список расширений.
Если есть собственные иконки или изображения, которые вы хотите использовать в диаграмме, их можно добавить в галерею. Откройте «Галерею », кликнув иконку в правой стороне экрана, или перейдите в меню Вставка — Мультимедиа — Галерея клипартов . Здесь можно создать папку «Новая тема » и добавить в нее свои изображения или иконки.
LucidChart Free
Интерактивный облачный инструмент, который позволяет создавать основные диаграммы сети с использованием интуитивно понятного и функционального интерфейса. Используя LucidChart , можно взаимодействовать с другими пользователями, позволяя им просматривать, редактировать и комментировать документ.
Зарегистрировав бесплатную учетную запись, вы получите доступ ко всему, что нужно для создания основных сетевых диаграмм непосредственно из браузера. У бесплатной учетной записи UML редактора есть некоторые ограничения. В том числе ограничение по количеству объектов в одной диаграмме (максимум 60 ). Также нельзя экспортировать диаграммы в формат Visio и просматривать историю изменений.
При создании нового документа кликните по иконке, расположенной рядом с фигурами слева, чтобы добавить в библиотеку другие фигуры. Можно поискать в Сети другие фигуры, изображения или иконки; импортировать собственные изображения, нажав на иконку лупы, расположенную в верхней левой части экрана.
Dia Diagram Editor
Инструмент с открытым исходным кодом для создания UML-диаграмм , блок-схем, сетевых архитектур и т. д. Он поставляется с тысячами объектов, которые помогут создать профессиональные диаграммы.
Dia Diagram Editor работает на Windows , Linux и Mac OS X .
Чтобы импортировать на диаграмму собственные изображения, нажмите кнопку «Изображение », расположенную в левой верхней части экрана, а затем дважды кликните в любом месте диаграммы. На экране появится окно, в котором можно просмотреть доступные для вставки изображения.
yEd Graph Editor
Это редактор UML диаграмм с открытым исходным кодом для создания диаграмм, который можно использовать для создания схем проекта сети, блок-схем и т. д. Благодаря простому и чистому дизайну yEd упрощает разработку основных диаграмм сети и экспорт их в популярные форматы, такие как PDF , SWF , SVG , PNG и HTML .
YEd работает на Windows , Linux и Mac OS X .
Pacestar UML Diagrammer создаёт UML 2. ... Данный специализированный инструмент для рисования и дизайна помогает вам использовать лучшие аспекты UML , стандартизированные процесс обработки визуальных дизайнов без объёмной методологии проектов. ... Программа упрощает этот процесс, так что вы можете стать более продуктивным после небольшой тренировки.
Cadifra UML Editor – это быстрый и легкий редактор UML диаграмм для Windows 2000, XP и Vista. ... Имеет редактор стилей для установки шрифтов текста семейства UML элементов. ... Создает высококачественные диаграммы, реально простая в использовании программа . ... Может с легкостью прикреплять диаграммы в Microsoft Word (и других программах ).
Предлагаемая программа используется для разработки различных системных программ в различных сферах: банковская система, вэб-разработка, инженерное дело, финансы, медицина, исследовательские работы, транспортные средства, электротехника и во многих других областях. ... Sparx системы нацелены на удовлетворение растущего спроса на программы по анализу и дизайну, обеспечивая немедленную...
Сервисная программа UML CASE также предоставляет вам удобные UML руководства, интерактивные UML демонстрации и UML проекты. ... Visual Paradigm for UML – это профессиональный инструмент работы с UML , который поддерживает весь рабочий цикл программы – анализ ориентированный на объекты, ориентированный на объекты дизайн, конструкцию, тестирование и разработка.
Испробуйте данную программу прямо сейчас и будьте уверены в том, что вы проверили наш веб сайт на наличие различных источников по последовательным UML диаграммам, подсказкам и трюкам, снимкам экрана и демонстрациям. ... Trace Modeler – это простая в использовании и понятная программа редактирования UML последовательных диаграмм.
XPArchitect – это CASE сервисная программа для моделирования и экстремального программирования . ... Поможет вам сгенерировать UML диаграммы, быстро и легко. ... Вы сможете создавать usecase диаграммы, классовые диаграммы, диаграммы деятельности, диаграммы состояния и диаграммы компонентов, диаграммы размещения и т.
Программа EDraw - это новая диаграмма UML и программа для рисования, для разработчиков программ и дизайнеров. ... Программа позволяет вам рисовать диаграмму модели uml , COM и OLE, диаграмму потока данных, диаграмму SSADM, Nassi-Schneiderman, Booch OOD, ROOM, Yourdon и Coad диаграммы и многие другие виды диаграмм.
Данная программа возьмет на себя заботу о слоях и форматировании (по многостраничным, если нужно) позволяя вам с легкостью создать диаграммы колебания намного быстрее, чем с программами черчения или даже UML сервисными программами . ... Sequence Diagram Editor упрощает создание и содержание UML диаграмм колебания и звуковых колебаний.
Бесплатная программа для построения диаграмм с помощью блоков и связей между ними. С её помощью можно быстро создать качественную и красивую диаграмму для представления ее на презентациях, семинарах или же для собственного использования.
Установка редактора для построения диаграмм
Процесс установки вполне стандартный. После запуска извлечённого из архива инсталлятора, следуем подсказкам Мастера установки. В двух первых окнах нажимаем "Next", а в третьем – "Install".
Придётся немного подождать, пока программа установится. В заключительном окне нажимаем "Finish".
При первом запуске программа поприветствует нас просьбой о поддержке разработчика "кто чем может".
Если помогать ему ничем не собираемся, то снимаем галочку, чтобы это окно больше не появлялось и нажимаем "Continue".
Следом появится окно выбора языка программы. Указываем нужный язык, например, Русский (Россия) и нажимаем "Ок".
Новое окно сообщит о необходимости перезапустить программу, чтобы изменеия вошли в силу. Соглашаемся, нажав единственную кнопку "Хорошо".
Здесь также оставляем всё по умолчанию и нажимаем "Хорошо". И теперь, наконец-то, загрузится сама программа.
Интерфейс Diagram Designer
В главном окне редактора диаграмм мы сразу заметим, что интерфейс русифицирован далеко не полностью. На самом деле, нужно изрядно поискать, где же тут русский язык:) Но это не сильно помешает нам в изучении программы, поскольку все основные функции достаточно интуитивны.
Если приглядеться, это окно немного напоминает текстовый редактор , так что освоиться здесь не составит особого труда.
Само рабочее окно состоит из шести зон:
- В самом верху – текстовое горизонтальное меню.
- Чуть ниже – основная панель инструментов (работа с файлами, копирование, навигация, рисование и т.д.).
- Слева – история действий и по совместительству – список объектов.
- Центр – рабочий лист, на котором мы и будем чертить наши схемы.
- Справа – список готовых шаблонов. Можно выбрать нужную Палитру шаблонов в выпадающем списке или загрузить из внешнего файла.
- Внизу – статусная панель, отражающая страницу, слой и положение курсора.
Создание блоков
Давайте рассмотрим работу с программой на конкретном примере. Допустим, требуется построить диаграмму с центром, от которого будут идти пояснительные записи.
Для центра лучше всего подойдет эллипс (овал). Перетаскиваем его из шаблонов справа или нажимаем кнопку "Draw Ellipse" (Чертить эллипс) и рисуем вручную.
Если эллипс был взят из палитры шаблонов "Flowchart", то в нём уже будет присутствовать текст. Если же нет, его можно легко добавить двойным кликом левой кнопки мыши на эллипсе. Откроется вот такое окно редактирования текста.
Здесь наконец-то видны следы некоторой русификации программы:) Данное окно позволяет довольно гибко (хотя и не очень удобно) настроить оформление текста с помощью специальных тегов.
Когда результат нас устраивает, нажимаем "Хорошо", чтобы подтвердить выбранный формат текста или "Отмена", чтобы отказаться от изменений.
Также есть вариант вставки текста в эллипс с помощью кнопки «Insert text» (Вставить текст) на панели Инструментов или перетаскиванием из шаблона "Default" (По умолчанию), но такой текст будет сам по себе и при перемещении эллипса не будет перемещаться вместе с ним.
По тому же принципу создадим ещё несколько разных блоков вокруг нашего эллипса и впишем в них нужный текст с желаемым оформлением (и не упустим возможности попиариться:)
Соединение блоков в диаграмме
Теперь нам нужно как-то связать наши блоки вместе. Для этого у нас есть инструменты в левой части меню:
- Прямые линии (кнопка "Draw line").
- Прямые стрелки (кнопка "Draw arrow").
- Коннекторы (стрелки, ломаные под прямым углом, кнопка "Draw connector").
- Кривые произвольной формы (кнопка "Draw curve").
Для стрелок можно настроить форму их начала и конца. Для этого в правой части панели инструментов расположены две кнопки с выпадающими меню, отвечающие за соответствующие концы будущих стрелок.
Выбрав форму стрелок по своему вкусу, нажимаем кнопку нужного нам соединителя и начинаем соединять наши блоки от центрального эллипса к внешним фигурам.
Если нужно, чтобы концы стрелки "прилипли" к блокам и всегда растягивались вслед за ними, то прицепляем их к красным крестикам на границах блоков. Правда, этот фокус не работает для кривых линий. В итоге, получается что-то в этом роде.
Отредактировать стиль получившихся соединений (например, толщину линии) или любого блока на схеме, можно через контекстное меню (пункт "Properties"), либо выбрав его и нажав "Alt" + "Enter".
Кроме этого, в любую линию можно добавить текст, дважды кликнув на неё левой кнопкой мыши.
Цветовое оформление блоков
Градиент - плавное перетекание одного цвета в другой.Однако и этого нам мало:) Теперь мы хотим раскрасить нашу схему.
Не вопрос, Diagram Designer позволяет сделать и это. На панели инструментов есть кнопки для раскрашивания линий, текста и блоков в любые цвета с помощью стандартной палитры Windows.
Для блоков доступно даже раскрашивание градиентом (к сожалению, только в одном направлении). Экспериментируем сколько душе угодно!
Работа с шаблонами
UML (англ. Unified Modeling Language) - унифицированный язык моделирования для разработки программ.Однако и это еще не все. Как уже говорилось раньше, для построения диаграмм в Diagram Designer создано много готовых шаблонов.
По умолчанию с программой идут шаблоны простых блоков (Default), символы компьютерных компонентов (Flowchart), радиоэлектронных символов (Electronic Symbols), интерфейсные шаблоны (GUI design) и символы языка UML (UML Class Diagram).
Чтобы пополнить эту библиотеку новыми палитрами шаблонов, заходим на сайт разработчиков, ищем ссылку "Template palettes" по которой переходим в список готовых шаблонов и скачиваем те, что понравились, себе на компьютер.
Затем, в окне Diagram Designer нажимаем кнопку "Load template palette" (Загрузить палитру шаблонов), справа от выпадающего списка шаблонов.
В открывшемся окне находим и открываем сохранённые палитры.
Теперь можно украсить диаграмму новыми рисунками и символами из добавленных палитр.
Вставка изображений
А если нам и этого мало, то можно на фон поставить любую картинку. Для этого нет специальной кнопки, так что придётся обратиться к меню "Edit" - "Insert picture".
В открывшемся окне выбираем любой графический файл на своём компьютере. Единственное «но» – картинка появится поверх схемы, как новый слой.
Чтобы это исправить, нажимаем на картинке правой кнопкой мыши и в контекстном меню выбираем пункт «Send to back» (На задний план).
Ну вот, теперь можно любоваться результатом!
При большом желании, можно вставлять любые картинки в любом количестве и как угодно размещать их на рабочем поле.
Выводы
Построение диаграмм в Diagram Designer значительно проще и быстрее, чем если это делать вручную в не приспособленных для этого редакторах.
В то же время, программе не хватает некоторых "изяществ", вроде изменения размеров кончиков стрелок или разнонаправленного градиента. Но в целом, она весьма неплохо справляется со своими основными обязанностями.
Радиолюбители по достоинству оценят возможность в несколько кликов создавать принципиальные схемы радио- и электрооборудования. А программистов может привлечь возможность быстро набросать схему алгоритма для объектно-ориентированных языков.
Что еще можно добавить? Программа занимает мало места, не слишком засоряет реестр (после ее деинсталляции следует убрать только два ключа реестра связанных с родными расширениями программы: .ddt и .ddd ).
После установки ее можно скопировать на флешку и использовать как portable-приложение.
И, да! Чуть ниже можно поиграть в забавную флеш-игру в жанре "квест", в которой головы персонажей весьма напоминают блоки диаграмм:)
P.S. Разрешается свободно копировать и цитировать данную статью при условии указания открытой активной ссылки на источник и сохранения авторства Руслана Богданова.
