Can I create following diagram in Diagram with react where all nodes are created in such a way and linked with single node

[satish]

I am trying to achieve this is type of diagram in syncfusion diagram, where all HTML node are connected with single node in such a way. Is there any possibility. If yes please help me out, i am using REACT.

[Gowtham Gunashekar]

Hi Satish, 

Please refer the following sample for how to create alike shared layout with diagram’s organizational chart with balanced layout. In the sample we have created a balanced layout that each row of the layout contains four nodes. We can adjust the number of nodes takes place in the node using the row property of the getLayoutInfo event.  

 

Code snippet: 

   layout={{ 

                type: 'OrganizationalChart', 

                orientation: 'LeftToRight', 

                verticalSpacing: 100, 

                horizontalSpacing: 50, 

                getLayoutInfo: (node, options) => { 

                  options.orientation = 'Horizontal'; 

                  options.type = 'Balanced'; 

                  options.rows = 4; 

                } 

              }} 

 

 

Sample link : https://stackblitz.com/edit/react-jxudce 

 

Please let us know if you need any further assistance in the sample. 

 

Regards,  

Gowtham