Interactive Org Chart in JavaScript

The sample has been updated since this video has been released. The code is JavaScript ES6 and the event to handle mouse movements is nodePointed raised for Diagram objects.

This video teaches you how to create an org chart using custom diagram nodes with components you want. Then you see how to apply the TreeLayout algorithm with assistant nodes. You also learn how to interactively change the color of nodes and their incoming and outgoing links.

[MindfusionEu]

Since version 4.0 of the diagram library for JavaScript and React, the API is following EC6 standard and all set/get methods have been replaced by properties e.g.

is now
diagramView.behavior =
We have updated the sample that is downloaded for this video. This is why you might see an occasional mismatch between the code shown in the recording and the sample code.
Sorry for the inconvenience. Feel free to ask for help, if needed.

[diegoarmandovazquezramirez]

hi bro, very good but I've got a error: MindFusion.OrgChart is not a constructor for draw, Have you a library or what the page that contains in the script tag?

[diegoarmandovazquezramirez]

Hi, good video but I've a question, how to implement a database ?

[wramadhani]

excuses me, is any possibility use this way on node-red?

[kamolhasanov]

if add this ui to my project, will i get a license error?

[allstep]

Is it free or payed, ? For unlimited version