README

The Declarative JSON Gantt Chart Engine
Where human intuition meets declarative AI planning.












  
  
  


Turn any declarative JSON document into a high-performance, interactive, draggable Gantt chart.  
Zero runtime dependencies. 100% pure TypeScript.  
Runs everywhere: Plain HTML, React, Next.js, Node.js CLI, and autonomous AI toolchains.

Designed from the ground up for:
 Autonomous AI Agents & LLMs - Declarative JSON schema contract eliminates UI hallucinations; models generate timeline data with 10x fewer tokens than fragile JSX code.
 Students, Hobbyists & Creators - Lightweight, beautiful Swiss Noir dark mode, intuitive drag-and-drop, touch gestures, and instant local storage persistence.
 Engineering Teams & Program Directors - Operations Research Critical Path solver, EVM (Earned Value Management), DCMA-14 schedule health audits, and multi-user CRDT collaboration with secure role-based permissions.



Live Playground • JSON Cheatsheet • Architecture • Schema Specification • API Docs • Roadmap • Changelog







---

 Why Jantt? The Declarative Revolution

Traditional project management and timeline tools force an impossible choice:

1. Enterprise Bloat: Commercial suites (DHTMLX, Bryntum) demand 200KB to 800KB runtime dependencies, complex imperative APIs (gantt.init(), gantt.addTask()), and expensive recurring per-seat fees.
2. Brittle AI Generations: Prompting LLMs (ChatGPT, Claude, Gemini) to generate React JSX or SVG coordinate math produces broken layouts, coordinate hallucinations, and wastes thousands of tokens on boilerplate UI code.
3. Static Limitations: DSLs like Mermaid.js are read-only, non-interactive images. They cannot be dragged, edited, recalculated, or synchronized back to living project state.

 The 4 Superpowers of Jantt

 Zero Runtime Dependencies: The core math and layout engine (@jantt/core) is pure, zero-dependency TypeScript weighing under 14 KB gzipped.
 AI-Native & 10x Fewer Tokens: Declarative JSON schema contract eliminates UI hallucinations; models generate timeline data with 10x fewer tokens than fragile JSX code.
 Swiss Modernism 2.0 Aesthetics: Deep OLED Swiss Noir (080D18), 90-degree CAD orthogonal routing, glassmorphic HUD cards, and high-contrast typography.
 Defense-Grade Operations Research: Built-in topological DAG solver, Critical Path Method (CPM), Earned Value Management (EVM - ANSI/EIA-748), DCMA-14 schedule health audits, and multi-user CRDT cloud rooms.

---

 Visual Showcase & Curated Themes

Jantt features a fully reactive, CSS variable-driven theming architecture with out-of-the-box support for light modes, sleek dark modes, and high-contrast vibrant styles:



 Swiss Light Mode
Daylight clarity, high contrast typography, and subtle glassmorphic tooltips.





 Swiss Dark Mode
Sleek obsidian palette with glowing critical path indicators and 90° right-angle routing.





 Color Theme Gallery


  
    
      Cyber Emerald
      
    
    
      Midnight Rose
      
    
  
  
    

Latest release

Full Changelog: https://github.com/AhmadHassan-BTed/Jantt/compare/v1.0.0...v1.1.0