Powerful and easy to use Visual Scheduling Widget

Maximum flexibility in designing JavaScript/HTML5 Gantt Charts with minimum development effort

Are you looking for a quick way to visualize the data from your planning application in a user-friendly, intelligent Gantt chart or planning board? Use our Visual Scheduling Widget. It offers you great flexibility for your individual design, because you control the widget via the API and thus control the appearance and functionality of the planning board.

Visual Scheduling Widget - Standard Edition - Sample App

This example of a production planning board was realized with the help of our Visual Scheduling Widget - Standard Edition. You can see functions such as order links, shifting aids, flexible time scales, histograms and more. Start the demo app and get a first impression of what you can do with the widget. The functions are explained in a "Read me" document.


Why our Visual Scheduling Widget SE

This is what our customers say


"Three essential points that led us to use the widget from NETRONIC for our detailed planning component: the freedom of design that we gained with the widget, the very close exchange when it came to the composition of the widget, and the good coordination during the planning phase and during the implementation in our product"  
- Dr. Adrian Bock from INFORM.

A powerful planning board with a lot of business logic helps to find the right sequence scheduling in production.


"The context menu, which has up to three levels, is of paramount importance to us. It is designed to enable jumps and shorten typical work steps" 
 Andreas Siemoneit  from Softsite.

This planning board is special: it is controlled via a "control panel" and perfectly covers the complete business process of a temporary employment agency.

Widget with extensive function package

You hardly need more functionality than in the Standard Edition 

Here are five selected scheduling samples 

Dynamic timescale

Our customers normally use a dynamic timescale that automatically (by mouse-wheel interaction) adjusts to the selected solution, so that the planner can zoom in and out seamlessly. The timescale changes in both directions: from years to months, to weeks, to days, to hours, to minutes, and to seconds. The timescale even allows to scroll left and right.

For Developers - HTML5 Gantt Chart - Feature 1
For Developers - HTML5 Gantt Chart - Feature 2

Histogram in Gantt chart row

The benefit of a histogram is obvious: Capacity conflicts at a resource or resource group immediately become apparent. Up to now, histograms were usually shown below the diagram. However, some of our customers want to show histograms within a diagram row, thus shaping the link between allocation and availability more directly. More ideas about how to visualize capacity loads you will find in this blog post.

Visualize connections

Complex projects are split into many subprojects with many subtasks. In order not to lose the connection between the task packages and the time overview, links and totals bars belong to the standard visualization of project planning boards. With the Visual Scheduling Widget you can visualize total bars and different links.

For Developers - HTML5 Gantt Chart - Feature 3
For Developers - HTML5 Gantt Chart - Feature 4

Built-in animations

Small functions sometimes have great impact. Especially when it comes to expand or collapse bigger groups, users often lose their “visual bearings”. Built-in animations, especially when switching between “showing all nodes in one row” and expanded view, let the user always understand what’s happening on the screen.

Manual allocation of orders, tasks & resources

Backlogs are great tools for giving the planner an overview of unassigned and already assigned tasks, orders or resources and placing them using drag & drop. A second table can be used to create such a backlog. Various other forms of backlog visualization are described in this blogpost.

VSW SE Backlog


How the jQuery UI Gantt widget works

3 principles of the architecture

The general architecture of the Visual Scheduling Widget - Standard Edition is based on the following principles:

1. The widget does not manage data within the Gantt chart. All data management functions as well as the
corresponding business logic takes place within the customer application.

2. Almost every mouse click on a graphical object (e.g. a Gantt chart bar or a resource row) in the file
The VSW SE triggers a bidirectional communication between the VSW SE and the application.
(see "Callback actions" and "Options/methods" in the following graphic).

3. This bidirectional communication leads to an exchange of objects, as you can see in the graphic.

Useful resources - for developers from developers

Documents and more

Read documents and watch videos - created by our developers for developers. This content is not about the shiny stuff; it is not about Gantt chart features & functions. It is about how to build these features with the Visual Scheduling Widget.


Visual Scheduling Widget Masterclass


Introductory videos

The resource planning data model


Overview of capabilities


Hello Gantt World


Activities vs resources view


How to videos

How to interact with the timescale


The art of designing bars to map semantics to Gantt charts


How to handle backlocks in Gantt charts

Fair prices

Here's how the price is made up  



Visual Scheduling Widget - Standard Edition
Visual Scheduling Widget as defined in FDD und IDD         

11,000.00 €

Integration support (budget of max. 16 hrs.)  

1,700.00 €


12,700.00 €


Deployment (B2B)

One time fee (perpetual) per end-customer:





Maintenance and support /year, including:
- widget bugfixing 
- technical support
- adaption to new browser versions
- new widget versions

2,200.00 €


You have special requirements?

No worries - we extend the Standard Edition by individual functions

We want you to a) save time with our widget and b) develop a user-friendly HTML5 Gantt Chart that will delight your users. We have equipped the widget with a comprehensive package of functions that "almost" leaves nothing to be desired in terms of visualization, is easy to integrate and easy to use. 

But if you have a very special visualization request, we are prepared to develop an individual jQuery UI Gantt widget. We would be happy to discuss your requirements with you.

Meet our team

We are here to help!


Dr Elmar Karlowitsch

COO | Co-Owner

Elmar joined NETRONIC in 2015 to help his brother Martin profitably grow the company. He drives finance and operations and leads the Visual Scheduling Widget Team from the start as a "bring-to-market" manager. In addition to his team leading function he also shares sales representative function with Egon.

Contact Elmar




Egon Heutz

Sales & Support

Egon from Belgium is a long-term employee at NETRONIC. He is in close contact with our Gantt control customers as well as Microsoft Dynamics 365 Bc / NAV partners especially from France, Belgium, Luxembourg, the Netherlands, Denmark, Sweden, Norway and Finland and supports them in technical and sales related questions. In the Visual Scheduling Widget Team he shares sales representative function with Elmar.

Contact Egon



Dieter Temme

Team Leader HTML5 Development | Product Manager 

Like Egon, Dieter has been working for NETRONIC for a very long time. He leads the team for our HTML5/JavaScript product lines and has developed the Visual Scheduling Widget as a product. He is a competent contact person for technical questions as well as for the development of individual widgets.  

Contact Dieter


Follow the blog