Svelte
State-of-the-Art Svelte Gantt Chart
Develop the most modern project management applications with DHTMLX Gantt in Svelte.
Try DHTMLX Svelte Gantt Live Demo
Open a demo on desktop
DHTMLX Gantt has already been used for managing thousands of projects worldwide.
How to Create Svelte Gantt Chart
4 steps to start with DHTMLX Gantt in Svelte:
1.
Create a Svelte component for Gantt and import Gantt and its CSS file.
2.
Create the Gantt instance in the onMount method and add the
Gantt configuration there.
3.
Destroy the Gantt Instance in the return method to clean up
when Gantt is no longer needed.
4.
Add the container element for Gantt.
Features of DHTMLX Svelte Gantt Chart
Node.js server module
This indispensable tool plays a crucial role while enabling external
integration with complex CRM or ERP systems. It empowers real-time
collaboration with coworkers operating simultaneously on a shared
timeline and provides clientless integrations with on-the-fly
calculations based on calendars and links.
DHTMLX Gantt Integrations
Why Use DHTMLX Svelte Gantt Chart?
Simple initialization
Regardless of your expertise in JavaScript, getting started with our Gantt library
is a breeze. You can swiftly initialize the chart with a few lines of code and set
any desired functionality. Comprehensive guides, demos, and video tutorials are
available to assist you every step of the way.
Extensive functionality out of the box
DHTMLX Gantt is an advanced Gantt chart library for building powerful project
management apps. It features resource management, scheduling techniques, and
different task types. Moreover, its visual appeal and intuitive UI make it a
decent choice right out of the box.
Ease of customization
With the help of API properties, you can adjust the DHTMLX Gantt component to fit
your requirements. The Svelte Gantt timeline, scales, grid, tasks, and editing form
are completely configurable. You can also set the size of scales and cells and attach
tooltips, baselines, and custom elements.
Stable and high-performance
Lightning-fast and flawless performance is an essential criterion for handling large
projects with thousands of tasks. DHTMLX Gantt allows you to load any number of tasks
and will render them smoothly with the help of smart rendering and dynamic loading.
Cross-browser and versatile
DHTMLX Gantt is designed to be cross-browser compatible, ensuring smooth performance
in Chrome, Firefox, Safari, and all Chromium-based browsers like Microsoft Edge,
Opera, and Vivaldi. The component can be seamlessly integrated with any front-end
and back-end technology.
What Customers Say
It's stable. It's easy to set up, even if you don’t have too much development
experience. It’s highly customizable. It's full of features out of the box (and
if something missing, you can write your own addon to cover missing functionality).
It's beautiful out of the box, which is not always the case for similar components.
Workload functionality is included, which is not the case for such components.
Dmitry (Dan) Dudin
CEO at GanttPRO
The API is extremely flexible, well documented and easy to understand if you need to
look at underlying source code. The support has been responsive and high quality.
We would absolutely recommend using DHTMLX and are even considering using some other
products that they offer based on our experience so far.
Hive Team
Team productivity platform
For Splitvice, dhtmlxGantt fits with what we need. It's a stand-alone component,
without an extra run-time fee. It's flexible and highly customizable. We get good
support when we need it, but most of our questions are found right in the knowledge
database.
Splitvice Team
Portfolio and project management tool
We were looking for a project management plugin to help reduce our time to market
and development costs. That is why we are using DHTMLX Gantt. I tested a free version
of your Gantt product and I was satisfied with the API provided with the plugin. Your
product fitted my needs and it was easy to integrate it into my application.
Thomas Meghe
senior developer at the French company Echo on
Documentation
Browse documentation
Here you’ll find all the necessary API references as well as complete guides and
tutorials to quickly initialize, configure and customize the DHTMLX Gantt library.
Samples
View online samples
We're constantly upgrading DHTMLX Gantt online samples where you can explore the Gantt
chart features, play around with the code, preview, and share your results with your
team or our tech support.
Free trial
Get a 30-day free trial
Here you can download a free 30-day trial to make sure the DHTMLX Gantt library meets
your requirements. Thus, you’ll be able to estimate its functionality and performance
along with official tech support.
Forum
Consult our community forum
The forum contains much helpful information you can freely use while working with DHTMLX
Gantt. It accumulates shared knowledge and answers from our technical specialists.
Official tech support
Learn about DHTMLX support
Our team supports each and every user of DHTMLX Gantt. Here you can learn what levels of
support we offer for trial users and owners of proprietary and open-source licenses.
Integrations
Integrate Gantt with anything
We provide various materials to help you integrate DHTMLX Gantt with Angular, React,
Vue.js, Salesforce, ASP.Net, Node.js, and any other technology you need.
DHTMLX Gantt Licensing
| License Terms | Read License Agreement | Read License Agreement | Read License Agreement |
| Developers | 5 | 20 | |
| Projects | 1 | 5 | |
| Use in SaaS (unlimited end-users) | Upon request for a fee | ||
| Use in Salesforce | |||
| Source code | |||
| Perpetual distribution rights |
|
Support Plan
|
Premium | Premium | Ultimate |
| Time Period | 1 year | 1 year | 1 year |
| Updates | Major, minor, and maintenance updates | Major, minor, and maintenance updates |
Major, minor, and maintenance updates
Priority queue for bug fixing
|
| Support requests | 30 | 50 | |
| Response time | 48h | 48h | 24h |
| Personal Account Manager |
|
Functionality
|
PRO + 2 add-ons | PRO + 3 add-ons | PRO + 5 add-ons |
| 16 PRO features | |||
| Several Gantt charts on 1 page This feature enables creating and destroying instances of Gantt, what is especially common for Angular, React, and other frameworks. | |||
| Online export to PDF/PNG without watermark | Free for 1 year | Free for 1 year | Free for 3 years |
| Free local PDF/PNG export module | |||
| Free local module for MS Project export/import | |||
| Free Node.js Gantt server module |