Yes, you can use any custom React component to render the items. Please see the documentation on custom item for details: docs.yworks.com/react-yfiles-orgchart/features/custom-items You can try out the customization using the live playground on that page.
The many-to-one relations in this app are individual one-to-one relations in the backing graph that are routed by the automatic layout algorithm in this special way. In this app, the tree layout is used but the same effect can be achieved for hierarchic layout, too. Demos that show this feature in more detail are for example Tree Layout live.yworks.com/demos/layout/tree/ and Edge Grouping live.yworks.com/demos/layout/edgegrouping/
To use the Organization Chart component, yFiles for HTML is required. You can evaluate yFiles for 60 days free of charge on my.yworks.com Visit our getting started page: docs.yworks.com/react-yfiles-orgchart/introduction/gettingstarted
![[Sub Thai] APT. - ROSÉ & Bruno Mars](http://i.ytimg.com/vi/bYjhzP8x_uc/mqdefault.jpg)
Are the styles of those individual tiles completely customisable? I wanted to use this library in my project.
Yes, you can use any custom React component to render the items. Please see the documentation on custom item for details:
docs.yworks.com/react-yfiles-orgchart/features/custom-items
You can try out the customization using the live playground on that page.
how to make a relation like many to one at bottom ?
The many-to-one relations in this app are individual one-to-one relations in the backing graph that are routed by the automatic layout algorithm in this special way. In this app, the tree layout is used but the same effect can be achieved for hierarchic layout, too. Demos that show this feature in more detail are for example Tree Layout live.yworks.com/demos/layout/tree/ and Edge Grouping live.yworks.com/demos/layout/edgegrouping/
If it's free can do this?
To use the Organization Chart component, yFiles for HTML is required. You can evaluate yFiles for 60 days free of charge on my.yworks.com
Visit our getting started page: docs.yworks.com/react-yfiles-orgchart/introduction/gettingstarted