[//]: # (Links in this document only works when viewed in the documentation browser, surf to ./docs) # Bryntum Gantt ## What is Bryntum Gantt? Welcome to Bryntum Gantt - the most **reliable** and **feature-complete** JavaScript Gantt chart component. For more general information on our Gantt product, please read on. This documentation provides you with everything you need to get started. If you are excited to have a go now, we suggest you to start with one of our **quick start guides** below:
ReactReact AngularAngular VueVue Vanilla JSVanilla JS SalesforceSalesforce
Bryntum Gantt chart offers a wide range of features, such as: * Scheduling tasks using dependencies and constraints * Leveraging calendars for projects, tasks, and resources * Using recurrent and fixed time intervals * Customizing rendering and styling * Customizing user Experience through many different column types & task editors * Dealing with extensive data sets and performance tuning * and more... ## Live demo Try out some of the Bryntum Gantt features with the Live demo below.
To get a complete view of Bryntum Gantt Component capabilities, please read topic-specific guides from the menu and visit our [API documentation](#Gantt/view/Gantt) and [examples browser](../examples). ## Integration Bryntum Gantt runs in all modern browsers (Chrome, Firefox, Safari, and modern Edge), whatever is your target technology. You can use Bryntum Gantt out of the box or integrate it with the frameworks of your choice and many third-party solutions. Visit the integration section of our documentation for further details: * React React * Angular Angular * Vue Vue * Ionic Ionic * Node.JS Node.js * Sharepoint Sharepoint * Salesforce Salesforce
If you have already downloaded Bryntum Gantt, please note that it ships with framework examples found in the examples/frameworks folder. If you have not, you can download your free trial version from here
## How does it work? The Bryntum Gantt consists of two parts. The first part is the project data, consisting of tasks, dependencies, resources, assignments, and calendars. The second part is the visualization, the **User Interface** for the **project data**. ### Project Data Gantt is one of a kind. Its scheduling engine matches Microsoft Project logic and supports projects of any size. It is built on top of [ChronoGraph](https://github.com/bryntum/chronograph) - an open-source reactive computational engine also developed by Bryntum. Scheduling engine The component will perform everything under the hood for you. Defaults suit most situations, but you can also customize the scheduling rules with specific business logic if needed! The scheduling engine is self-contained/headless, designed to be compatible with a server-side Node.js environment. It is a built-in dependency and should require no additional installation or configuration. The documentation for this part of the codebase is available in [Bryntum Scheduling Engine API Docs](engine). ### Visualisation and UI The visualisation and user interface part of the Gantt is based on [Bryntum Grid](https://bryntum.com/products/grid) and is written in plain JavaScript. So you can use most Grid features like for instance filtering, sorting or summarizing in the Gantt too. For more information about Grid capabilities, please visit the [Grid Component documentation](https://bryntum.com/products/grid/docs/). In a traditional setup, you will want to use **frozen grid** columns to the left and let the **Gantt Timeline** (which is a specialised grid) occupy the rest of the available space with a horizontal scrollbar to scroll the timeline. You can also associate as many extra grids as needed to improve even more the user experience. Gantt layout [//]: # (do not change the title of the last section unless you adapt GA Tag tutorial_complete) ## What to do next? The best way to learn how to use our Gantt component is to first select a quick start guide and after that follow our tutorial. To get started, please choose your target technology below:
ReactReact AngularAngular VueVue Vanilla JSVanilla JS
## Professional Services Feeling you need help? Don’t hesitate to request support from our [Professional Services here](https://bryntum.com/services/). ## Copyright and license Copyright © 2009 - {{YEAR}}, Bryntum All rights reserved. [License](https://bryntum.com/products/gantt/license/)

Last modified on 2023-10-26 8:19:02