How to draw Genogram relationship tree using ReactJs?

Question

• I'm looking for a simple Javascript Library (SVG) for the ReactJs module that allows me to draw family tree relationships.
• I've already referred GoJs Genogram. But it's paid and does not fully fill our requirements as well.
• What we need to show for relationships in this genogram is shown as the below image

Answer 1

To draw a genogram relationship tree using ReactJS, you can utilize various libraries and tools available for creating interactive and customizable diagrams. One popular library for creating diagrams in React is react-d3-tree.