GenoPro Home

GenoPro Home | Get Started With My Genealogy Tree | Buy | Login | Privacy | Search | Site Map

GenoPro Support Forum

Home Search Tags Who's On

Edit Photo

Welcome Guest ( Login | Register )

Recent Posts Popular Topics

Home » Genealogy Resources » Genograms and Genogram Components » How to draw Genogram relationship tree using ReactJs?

How to draw Genogram relationship tree using ReactJs?

Click to view RSS...

Rate Topic

Rate Topic

Topic View

Topic Options

Author
jamesrourke	Posted Wednesday, July 1, 2026 - Post #47782
Forum Newbie Forum Members Last Login: Wednesday, July 1, 2026 Posts: 1, Visits: 2	Hello, I’m looking for a simple JavaScript SVG library for a ReactJS module that can be used to draw family tree (genogram) relationships. I’ve already looked at GoJS Genogram, but it’s a paid solution and doesn’t fully meet our requirements. What we need is to represent relationships in a genogram similar to the example shown in the image below.
genome	Posted Saturday, July 4, 2026 - Post #47783
Legendary Master Administrators Customers Important Contributors FamilyTrees.GenoPro.com GenoPro version: 3.1.0.1 Last Login: 1 hour ago Posts: 3,495, Visits: 27,360	Have you looked at React D3 Tree ? 'lego audio video erro ergo disco' or "I read, I listen, I watch, I make mistakes, therefore I learn"
altheric7549	Posted Monday, July 6, 2026 - Post #47790
Forum Newbie Forum Members Last Login: Tuesday, July 7, 2026 Posts: 1, Visits: 3	I have not found a React library that supports those relationship symbols out of the box either. You may need to build the connectors yourself on top of React Flow or a similar SVG based graph library. 5 letter words

Similar Topics

Click to view RSS...

Expand / Collapse

Reading This Topic

Expand / Collapse

Powered By InstantForum.NET 2010-3-x © 2026
Execution: 0.016. 10 queries. Compression Enabled.