Repolode
AhmadHassan-BTed

AhmadHassan-BTed/Jantt

Бесс dependency-free движок на TypeScript и компонент для React или script-тега, который превращает данные проекта в JSON в интерактивную диаграмму Ганта с перетаскиванием задач.

Open source альтернатива:Microsoft ProjectSmartsheet

Звёзды
1,846
Форки
5
Открытые issues
12
Последний коммит
4 дня назад

Что это?

Jantt принимает декларативный JSON-документ с задачами, датами, зависимостями, ключевыми событиями и категориями и превращает его в интерактивную диаграмму Ганта. Ядро пакета (@jantt/core) написано на чистом TypeScript и не имеет runtime-зависимостей. Jantt доступен в виде компонента React, бандла для подключения через script-тег в обычный HTML и CLI для Node.js, который открывает JSON-файл в браузере и синхронизирует изменения в обе стороны.

Движок проверяет документ по опубликованной JSON Schema, разрешает цепочки зависимостей с помощью топологического алгоритма и вычисляет критический путь с учётом резерва времени. Также доступны представления Kanban, заметок и дашборда, экспорт в CSV, SVG и JSON, а также облачные комнаты с авторизацией через GitHub и редактированием на основе ролей.

Проект рассчитан на команды, которым нужны временные шкалы в виде обычных данных, генерируемых и редактируемых скриптами или AI-инструментами, а не императивных вызовов библиотек для построения диаграмм.

Ключевые возможности

  • 01Преобразует данные задач в JSON в интерактивную диаграмму Ганта с перетаскиванием, изменением размера и настройкой прогресса
  • 02Вычисляет расписание с учётом зависимостей и критический путь с резервом времени
  • 03Поставляется как компонент React, бандл для подключения через script-тег и CLI с синхронизацией файлов в реальном времени
  • 04Проверяет документы по опубликованной JSON Schema
  • 05Экспортирует данные в CSV, SVG и JSON

Сценарии использования

  • Добавление представления временной шкалы проекта в приложение React без коммерческой библиотеки диаграмм
  • Генерация планов проекта с помощью LLM в формате JSON и их визуализация для проверки
  • Просмотр и редактирование расписания, хранящегося в JSON-файле в Git-репозитории
  • Отслеживание ключевых событий дорожной карты на статической HTML-странице

Быстрый старт

  1. 1

    Установите пакет React

    npm install @jantt/react @jantt/core
  2. 2

    Импортируйте компонент и его таблицу стилей, а затем отобразите его с вашими данными JSON

  3. 3

    Или загрузите сборку для тегов script в обычном HTML и вызовите render

    <script src="https://unpkg.com/@jantt/standalone"></script>

Что важно знать

  • В README не указано наличие стабильного релиза 1.0; версия схемы — 1.4.0, и проект может измениться.
  • Некоторые расширенные возможности, например многопользовательская совместная работа на основе CRDT и EVM, описаны в README без подробностей по настройке.

Темы

Частые вопросы

Что такое Jantt?
Бесс dependency-free движок на TypeScript и компонент для React или script-тега, который превращает данные проекта в JSON в интерактивную диаграмму Ганта с перетаскиванием задач. Jantt принимает декларативный JSON-документ с задачами, датами, зависимостями, ключевыми событиями и категориями и превращает его в интерактивную диаграмму Ганта. Ядро пакета (@jantt/core) написано на чистом TypeScript и не имеет runtime-зависимостей. Jantt доступен в виде компонента React, бандла для подключения через script-тег в обычный HTML и CLI для Node.js, который открывает JSON-файл в браузере и синхронизирует изменения в обе стороны.
Jantt можно использовать бесплатно? Какая у него лицензия?
Jantt распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
Jantt всё ещё поддерживается?
Активно поддерживается. Последний коммит в Jantt — 16 окт. 2026 г..
Для чего можно использовать Jantt?
Добавление представления временной шкалы проекта в приложение React без коммерческой библиотеки диаграмм Генерация планов проекта с помощью LLM в формате JSON и их визуализация для проверки Просмотр и редактирование расписания, хранящегося в JSON-файле в Git-репозитории Отслеживание ключевых событий дорожной карты на статической HTML-странице
Как установить Jantt?
Установите пакет React: npm install @jantt/react @jantt/core Импортируйте компонент и его таблицу стилей, а затем отобразите его с вашими данными JSON Или загрузите сборку для тегов script в обычном HTML и вызовите render: <script src="https://unpkg.com/@jantt/standalone"></script>
Где скачать Jantt?
Исходный код и инструкции по установке — на GitHub: https://github.com/AhmadHassan-BTed/Jantt

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты