С тех пор, как я выпустил marker.js, я получаю запросы на поддержку от людей, пытающихся использовать его в случаях, для которых он не был создан. Одним из таких повторяющихся сценариев было то, что разработчики пытались модернизировать markker.js и превратить его в своего рода редактор диаграмм. Хотя я всегда отговаривал людей пытаться превратить библиотеку аннотаций изображений в нечто, чем она не предназначена, было ясно, что существует потребность в сопутствующем инструменте для построения диаграмм. Так родилась диаграмма MJS.

MJS Diagram — набор библиотек JavaScript для создания, редактирования и отображения диаграмм в сети. В его основе лежат два стандартных веб-компонента: редактор диаграмм WYSIWYG и масштабируемое интерактивное средство просмотра диаграмм.

Вот некоторые функции, доступные при запуске:

  • Блок-схема, организационная диаграмма, интеллектуальная карта, типы сетевых диаграмм, входящие в состав v1. Еще будет.
  • Расширяемость: создавайте свои собственные типы диаграмм, комбинируя связанные типы трафаретов или создавая свои собственные.
  • Компонент редактора диаграмм WYSIWYG. Или создайте свои диаграммы в коде.
  • Отображайте диаграммы в масштабируемом компоненте просмотра или визуализируйте их в виде изображений.
  • Полная поддержка TypeScript.

Я только начинаю, и скоро появятся новые функции, типы диаграмм и улучшения. Но версия 1 вышла, и вы можете получить ее здесь.

Посмотрите демоверсии или сразу погрузитесь в документацию и приступайте к работе.

MJS Diagram доступен по той же схеме лицензирования, что и маркер.js: бесплатно, если вы не возражаете против небольшого логотипа в углу, или вы можете заплатить за удаление логотипа. Кроме того, до конца октября 2023 года коммерческие лицензии пакета MJS Diagram доступны со скидкой 50%. Итак, подумайте о том, чтобы взять один заранее, чтобы сэкономить значительные средства и поддержать будущее развитие.

И, кстати, MJS Diagram запускается сегодня на Product Hunt, поэтому я буду признателен, если вы поддержите его там! Спасибо! 💖