Written with Vue, this SVAR Gantt chart works seamlessly with any backend and helps to create a well-designed, fast and interactive project visualization interface
Intuitively adjust the Gantt chart's look to your taste, using its powerful API and styling capabilities. Customize task bars, rows, columns, edit forms, and more to match your project's needs.
Powered by an optimized rendering engine and dynamic loading, SVAR Gantt delivers excellent performance. Whether you're navigating through extensive datasets or editing tasks on the fly, Gantt chart ensures a smooth UX.
You can use this Gantt chart across a wide range of screen sizes and devices. Whether you're accessing it from a desktop or smartphone, SVAR Gantt adjusts its layout and behavior to ensure optimal functionality.
Experience interactive features with SVAR Gantt: use drag-and-drop to reorder tasks in the list or move task bars on the timeline, zoom the chart with the mouse wheel, enable toolbar or context menu.
Effortlessly add a Gantt chart to your webpage in minutes. Detailed documentation, comprehensive API references, and dedicated support ensure you a smooth integration process with assistance at every stage.
Tasks and their dependencies can be changed right on the timeline with a simple drag-and-drop feature. An intuitive edit form, activated by double-clicking on the task, allows users to easily change task details: name, description, deadline, dependencies, resources.
With SVAR Gantt's interactive interface, you can conveniently define task connections directly on the timeline or in the task edit form, specifying the task's predecessors and successors. In addition, SVAR Gantt supports the creation of sub tasks, enabling you to organize tasks in a hierarchical structure.
Effortlessly manage tasks with the intuitive toolbar. Add, delete, rearrange, and edit tasks with ease using toolbar buttons for moving tasks up/down, indent/outdent, copy/cut/paste features, or add your custom operations. You can also enable a context menu to stay in control of your project's timeline and structure.
The localization feature allows you to present the interface of the Gantt chart in the language you'd like. You can provide custom translations for actions (edit, delete), button labels, confirmation messages, task edit form fields and context menu items.
There are light and dark skins available. You can assign different colors to task bars based on their types or priorities. This allows for easy visual identification, such as highlighting urgent tasks in red or using specific colors to represent different task categories.