MARKETPLACE
PLUGINS
GANTT / TIMELINE CHART - VIS.JS
Gantt / Timeline Chart - vis.js logo

Gantt / Timeline Chart - vis.js

Published July 2024
   •    Updated this month

Plugin details

How many times have you found yourself lost when it comes to project deadlines, causing unexpected problems? Have you spent hours trying to improvise a Gantt chart manually with native components, only to end up frustrated? Have you lost count of how much time you've spent trying to use other solutions that still haven't solved your problem? If you're an entrepreneur or developer, you know that time is precious. The Gantt/Timeline Chart – vis.js plugin was created to help you, simplify your work, and eliminate the headache when it comes to Gantt or Timeline.
A powerful and complete plugin, with the features you need without making things more complex and difficult.
The best solution for viewing your tasks, events, steps, and schedules, with full control in a fully customizable way. Based on the vis.js Timeline library.





- Items, Groups and Milestones
- Fully customizable and dynamic styles
- Dynamic content and related conteudo fields
- Responsive for all devices
- Progress bar with dynamic data
- Workflow Events, Actions and States for ease use
- Configurable Zoom and Axis
- Custom Axis date labels
- Language: EN, PT-BR, FR and ES
- Min/max height and width for items
- Templates for Custom Content
- Efficient performance
- Items always draggable, without having to select them
- Custom color and size of titles, borders, background, grids, groups...
- Custom conditional styles, perfect for themes like dark/light
- Default tooltip with different date formats and real-time update
- Order of groups and items
and more...


Events
Item is Selected, Moved, Removed, Double Clicked, A Viewable Range Changed, Milestone Is Selected, Double clicked, Moved, Subgroup is Clicked...

Actions
Fit All Items Into View, Reset Visible Range to Initial Date, Scroll to Item, Scroll to Milestone, Scroll to Date, Set Viewable Range, Zoom In and Zoom Out, Move Left and Move Right...




Do you want to try it? No problem!
Subscriptions are priced pro-rata, so trying the plugin for a few days will cost you a fraction of the full price, just the days you use it.

Need a help? Contact me..

$160

One time  •  Or  $8/mo

5.0 stars   •   1 ratings
68 installs  
This plugin does not collect or track your personal data.

Contributor details

Tulio Portela logo
Tulio Portela
Joined 2023   •   2 Plugins
View contributor profile

Instructions

1 - Insert the Gantt/Timeline element on your page. 2 - Choose a data type containing (at least) the fields: Title/Name (text), Start date (date) and End date (date).
3 - Continue configuring the fields as you want them to be displayed on the Gantt/Timeline chart.
4 - Take advantage of all the different customization options available to make the chart your own.

Types

This plugin can be found under the following types:
Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Productivity   •   Analytics   •   Chart   •   Containers   •   Data (things)   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (5.0)
The Best Timeline Plugin !
September 30th, 2024
I've been looking for this gem for 6 months and I found it! Simply the best timeline plugin from Bubble plugins. I tried all the gantt plugins, custom solutions but this is the first one that allows me such customization, a drag and drop system, lots of events. It's a little complicated to get started at first, but Tulio, the creator of the plugin, is always available to help you set it up and even adapt it according to your needs. Thank you Tulio, you are the best.
Bubble
Bubble has acquired Flusk, the most advanced no-code security tool.
Learn more