GoJS
Создавайте и управляйте диаграммами через JavaScript API
Библиотека JavaScript с открытым исходным кодом, которая позволяет разработчикам создавать и обрабатывать диаграммы, диаграммы и графики в своих собственных приложениях JavaScript.
Очень мощная библиотека JavaScript, которая дает разработчикам программного обеспечения возможность создавать диаграммы, диаграммы и графики и управлять ими внутри своих собственных приложений JavaScript. Библиотека включает поддержку встроенных макетов, таких как древовидный макет, радиальный, а также многоуровневый макет диграфа и некоторые пользовательские макеты. Библиотеку можно легко использовать в веб-браузере или на стороне сервера в Node или Puppeteer.
Библиотека GoJS очень гибкая и позволяет разработчикам создавать различные типы диаграмм, такие как блок-схемы, медицинские диаграммы, организационные диаграммы, инструменты проектирования, инструменты планирования, диаграммы состояний, диаграммы Санки, производственные процессы, визуальные языки и т. д. .
Библиотека предлагает очень мощные интерактивные функции, такие как перетаскивание элементов диаграммы, копирование и вставка содержимого, всплывающие подсказки, контекстные меню, использование шаблонов, поддержка привязки данных, обработчики событий, автоматические макеты, применение настраиваемых анимаций и многое другое. Вы также можете визуализировать элемент HTML Canvas и экспортировать его в SVG, а также в другие форматы изображений.
Начало работы с GoJS
Рекомендуемый способ установки GoJS — через npm, он доступен через менеджер пакетов npm, используйте следующие команды.
Установите GoJS через npm
$ npm install gojs --save
Рисуйте блок-схемы через JavaScript API
Библиотека GoJS с открытым исходным кодом обеспечивает поддержку создания нескольких типов диаграмм и демонстрации определенных функций и макетов. Вы можете рисовать блок-схемы с помощью нескольких строк кода JavaScript. Библиотека включает поддержку палитр, связываемых узлов, поведения перетаскивания, редактирования текста и использования карт шаблонов узлов для рисования блок-схем. Вы также можете легко изменить существующую диаграмму и узел диаграммы, а также текстовый блок.
Создание и редактирование диаграммы состояний через JavaScript
Диаграмма состояний используется для описания поведения систем. Диаграмма состояний может использоваться для представления состояния системы или части системы в конечное число состояний или раз. Библиотека GoJS поддерживает создание и редактирование диаграмм состояний с легкостью. Вы можете легко нарисовать столько узлов, сколько хотите, и можете нарисовать столько ссылок от одного узла к другому, сколько пожелаете, и можете изменить форму ссылок или удалить их при выборе.
Генерация логической схемы через JavaScript
Логические элементы являются основными строительными блоками любой цифровой системы. Логический вентиль — это идеальная модель вычислений или физическое электронное устройство, реализующее булеву функцию. Библиотека очень многофункциональна и предоставляет несколько важных функций для создания схем с использованием вентилей и проводов. Это очень удобно и помогает пользователям легко управлять диаграммами. Предоставляется палитра, которая позволяет перетаскивать новые узлы и управлять диаграммой. Вы можете легко обновить каждый узел в соответствии с типом, который использует цвет ссылок в узле, чтобы определить цвет тех, которые выходят из него.
Нарисуйте и расположите элементы диаграммы
Библиотека GoJS с открытым исходным кодом позволяет разработчикам программного обеспечения легко рисовать и размещать элементы диаграммы в своих собственных приложениях JavaScript. Библиотека позволяет разработчикам выбирать и размещать выбранные Части диаграммы относительно друг друга с помощью всего пары строк кода. Вы также можете легко управлять клавишами со стрелками и использовать «смещение вставки», чтобы объекты вставлялись каскадом, а не располагались друг над другом.