AhmadHassan-BTed/Jantt

O que é?

Recursos principais

• 01Renderiza dados de tarefas em JSON como gráfico de Gantt interativo, com controles para arrastar, redimensionar e ajustar o progresso
• 02Calcula cronogramas com dependências e o caminho crítico com valores de folga
• 03Disponível como componente React, bundle para script tag e CLI com sincronização de arquivos em tempo real
• 04Valida documentos usando um JSON Schema publicado
• 05Exporta para CSV, SVG e JSON

Casos de uso

• Adicionar uma visualização de cronograma de projeto a um app React sem usar uma biblioteca comercial de gráficos
• Gerar planos de projeto em JSON com um LLM e renderizá-los para revisão
• Visualizar e editar um cronograma armazenado como arquivo JSON em um repositório Git
• Acompanhar marcos do roadmap em uma página HTML estática

Início rápido

1. 1

   Instale o pacote React

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

   Importe o componente e sua folha de estilos e, em seguida, renderize-o com seus dados JSON

3. 3

   Ou carregue a versão para tags script em HTML puro e chame render

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

Antes de usar

• !O README não menciona uma versão estável 1.0; o schema está na versão 1.4.0 e o projeto pode mudar.
• !Alguns recursos avançados, como colaboração CRDT multiusuário e EVM, são descritos no README sem detalhes sobre a configuração.

Tópicos

Perguntas frequentes

O que é Jantt?

Engine de TypeScript sem dependências e componente React ou via script tag que renderiza dados de projetos em JSON como gráfico de Gantt interativo e arrastável. Jantt recebe um documento JSON declarativo que descreve tarefas, datas, dependências, marcos e categorias e o transforma em um gráfico de Gantt interativo. O pacote principal (@jantt/core) é escrito em TypeScript puro e não tem dependências em tempo de execução. Ele está disponível como componente React, bundle para uso com script tag em HTML puro e CLI do Node.js que abre um arquivo JSON no navegador com sincronização bidirecional do arquivo.

Jantt é gratuito? Qual é a licença?

Jantt é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.

Jantt ainda é mantido?

Manutenção ativa. O último commit de Jantt foi em 16 de out. de 2026.

Para que posso usar Jantt?

Adicionar uma visualização de cronograma de projeto a um app React sem usar uma biblioteca comercial de gráficos Gerar planos de projeto em JSON com um LLM e renderizá-los para revisão Visualizar e editar um cronograma armazenado como arquivo JSON em um repositório Git Acompanhar marcos do roadmap em uma página HTML estática

Como instalar Jantt?

Instale o pacote React: npm install @jantt/react @jantt/core Importe o componente e sua folha de estilos e, em seguida, renderize-o com seus dados JSON Ou carregue a versão para tags script em HTML puro e chame render: <script src="https://unpkg.com/@jantt/standalone"></script>

Onde consigo Jantt?

O código-fonte e as instruções de instalação estão no GitHub: https://github.com/AhmadHassan-BTed/Jantt