A high-performance, flexible Gantt chart component library built with native JavaScript and Canvas, supporting TypeScript and modern web frameworks.
XGantt is a native JavaScript library for rendering interactive Gantt charts in web applications. It solves the need for a high-performance, customizable component to visualize project timelines, task dependencies, and progress. Built with Canvas, it efficiently handles large datasets and offers a rich set of features out of the box.
Web developers and teams building project management tools, dashboards, or any application requiring timeline visualization. It's particularly useful for those working with Vue 3, React, or vanilla JavaScript/TypeScript projects.
Developers choose XGantt for its Canvas-based performance with large data, its framework-agnostic core with dedicated Vue/React adapters, and its comprehensive feature set including dependency management, multi-level tasks, and extensive customization options.
A powerful and flexible Gantt chart component library for developers, written in native JS + Canvas. Supports TypeScript. 中文文档
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Uses Konva.js for smooth Canvas-based rendering, efficiently handling large datasets without lag, as highlighted in the README's focus on performance for complex timelines.
Includes task dependencies, multi-level structures, baselines, milestones, and virtual scrolling, covering most project management needs out of the box with minimal extra coding.
Works with any JavaScript framework, and provides dedicated, reactive adapters for Vue 3 and React, simplifying integration while maintaining flexibility.
Offers extensive event hooks for clicks, drags, and updates, allowing deep customization of business logic, as shown in the API reference for event listening.
Canvas-based rendering makes it challenging to achieve full accessibility for screen readers without significant additional work, which the README does not address in detail.
Official adapters are only available for Vue 3 and React, requiring custom integration for other popular frameworks like Angular, increasing setup effort for those ecosystems.
The extensive options and event system necessitate a steep learning curve and detailed setup, which can be overwhelming for simpler use cases or rapid prototyping.