Repolode
Enviar
AhmadHassan-BTed

AhmadHassan-BTed/Jantt

Motor de TypeScript sin dependencias y componente para React o etiquetas script que muestra datos de proyectos en JSON como un diagrama de Gantt interactivo y arrastrable.

Alternativa open source a:Microsoft ProjectSmartsheet

Ver en GitHubSitio web
Estrellas
1,846
Forks
5
Issues abiertos
12
Último commit
hace 4 días

¿Qué es?

Jantt toma un documento JSON declarativo que describe tareas, fechas, dependencias, hitos y categorías, y lo convierte en un diagrama de Gantt interactivo. El paquete principal (@jantt/core) está escrito en TypeScript puro y no tiene dependencias en tiempo de ejecución. Está disponible como componente de React, como bundle para etiquetas script en HTML simple y mediante una CLI de Node.js que abre un archivo JSON en el navegador y sincroniza los cambios en ambos sentidos.

El motor valida el documento con un JSON Schema publicado, resuelve cadenas de dependencias mediante un algoritmo topológico y calcula la ruta crítica con valores de holgura. También incluye vistas Kanban, de notas y de panel, exportación a CSV, SVG y JSON, y salas en la nube opcionales con inicio de sesión mediante GitHub y edición basada en roles.

El proyecto está pensado para equipos que quieren guardar los cronogramas como datos simples que puedan generar y editar scripts o herramientas de IA, en lugar de usar llamadas imperativas a bibliotecas de gráficos.

Funciones clave

  • 01Muestra datos de tareas en JSON como un diagrama de Gantt interactivo con controles para arrastrar, cambiar el tamaño y ajustar el progreso
  • 02Calcula cronogramas según las dependencias y la ruta crítica con valores de holgura
  • 03Se distribuye como componente de React, bundle para etiquetas script y CLI con sincronización de archivos en tiempo real
  • 04Valida documentos con un JSON Schema publicado
  • 05Exporta a CSV, SVG y JSON

Casos de uso

  • Añadir una vista de cronograma de proyecto a una aplicación React sin usar una biblioteca de gráficos comercial
  • Generar planes de proyecto como JSON con un LLM y mostrarlos para su revisión
  • Consultar y editar un cronograma guardado como archivo JSON en un repositorio de Git
  • Dar seguimiento a los hitos de una hoja de ruta en una página HTML estática

Inicio rápido

  1. 1

    Instala el paquete de React

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

    Importa el componente y su hoja de estilos y, a continuación, renderízalo con tus datos JSON

  3. 3

    O carga la compilación para etiquetas script en HTML sin procesar y llama a render

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

Antes de usarlo

  • El README no menciona una versión estable 1.0; el esquema está en la versión 1.4.0 y el proyecto puede cambiar.
  • En el README se describen algunas funciones avanzadas, como la colaboración CRDT multiusuario y EVM, pero no se detallan los pasos de configuración.

Temas

#gantt-chart#typescript#react#data-visualization#json-schema#project-management#critical-path#timeline#ai-tools#dag

Preguntas frecuentes

¿Qué es Jantt?
Motor de TypeScript sin dependencias y componente para React o etiquetas script que muestra datos de proyectos en JSON como un diagrama de Gantt interactivo y arrastrable. Jantt toma un documento JSON declarativo que describe tareas, fechas, dependencias, hitos y categorías, y lo convierte en un diagrama de Gantt interactivo. El paquete principal (@jantt/core) está escrito en TypeScript puro y no tiene dependencias en tiempo de ejecución. Está disponible como componente de React, como bundle para etiquetas script en HTML simple y mediante una CLI de Node.js que abre un archivo JSON en el navegador y sincroniza los cambios en ambos sentidos.
¿Jantt es gratuito? ¿Qué licencia tiene?
Jantt es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿Jantt sigue mantenido?
Mantenimiento activo. El último commit de Jantt fue el 16 oct 2026.
¿Para qué puedo usar Jantt?
Añadir una vista de cronograma de proyecto a una aplicación React sin usar una biblioteca de gráficos comercial Generar planes de proyecto como JSON con un LLM y mostrarlos para su revisión Consultar y editar un cronograma guardado como archivo JSON en un repositorio de Git Dar seguimiento a los hitos de una hoja de ruta en una página HTML estática
¿Cómo se instala Jantt?
Instala el paquete de React: npm install @jantt/react @jantt/core Importa el componente y su hoja de estilos y, a continuación, renderízalo con tus datos JSON O carga la compilación para etiquetas script en HTML sin procesar y llama a render: <script src="https://unpkg.com/@jantt/standalone"></script>
¿Dónde consigo Jantt?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/AhmadHassan-BTed/Jantt

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados