Example of PERT Chart in React Diagram Component


This sample visualizes a project development process using Program Evaluation Review Technique (PERT). Complex hierarchical tree layout algorithm is used to automatically arrange the nodes.

More Details...


This example shows how to generate a PERT chart from an external data source. The dataSourceSettings property can be used to map an external data source with the diagram control. The{" "} layout property can be used to automatically position the nodes. In this example, the nodes are arranged from left to right of the diagram. The orientation property can be used to define the orientation of the layouts.

Injecting Module

The diagram component’s features are segregated into individual feature-wise modules. To generate diagrams from an external data source, inject DataBinding module into{" "} services. To automatically arrange the objects in a PERT Chart, inject ComplexHierarchicalTree module into{" "} services.