search

ANovokmet / svelte-gantt

:calendar: Interactive JavaScript Gantt chart/resource booking component
https://anovokmet.github.io/svelte-gantt/
MIT License
507 stars 106 forks source link
angular-gantt booking gantt gantt-chart hacktoberfest interactive javascript-gantt js-gantt react-gantt svelte svelte-gantt vue-gantt

readme

svelte-gantt


Website · Quickstart · Documentation

npm npm downloads MIT

A **lightweight** and **fast** interactive gantt chart/resource booking component made with [Svelte](https://svelte.technology/). Compatible with any JS library or framework. ZERO dependencies. ![svelte-gantt](https://i.imgur.com/IqT5PL4.png) # Features - High performance - display large datasets - Interactive - drag and drop elements - Tree view - Zoom in/out - Dependencies - Date ranges - ... # Getting started ``` npm install svelte-gantt ``` Import the component: ```js import { SvelteGantt } from 'svelte-gantt'; ``` or use the IIFE build: ```html ``` Initialize svelte-gantt: ```js var options = { /* ... */ }; var gantt = new SvelteGantt({ // target a DOM element target: document.getElementById('example-gantt'), // svelte-gantt options props: options }); ``` # Need help? I am happy to help you. [Post an issue](https://github.com/ANovokmet/svelte-gantt/issues) or [contact me](https://github.com/ANovokmet).