Back to articles
Building an Embeddable Family Tree Viewer in TypeScript

Building an Embeddable Family Tree Viewer in TypeScript

via Dev.toConor Maguire

The Problem I'm building irishroots.ie , a genealogy platform focused on Irish heritage. At some point I needed to embed a family tree visualisation on the site — something users could explore, navigate, and ideally edit inline. I assumed this would be a two-hour job. Grab a library, wire it up, done. Six hours of research later, I was starting a new repo. What's Already Out There (And Why It Wasn't Enough) The GEDCOM ecosystem GEDCOM (.ged) is the universal exchange format for genealogy data — invented by the Mormon Church in 1984, standardised in 1996, and still the format every serious genealogy tool exports to. If you want to interoperate with Ancestry, FamilySearch, MacFamilyTree, or any desktop genealogy software, you need to speak GEDCOM. The JavaScript ecosystem has a few parsers, but the visualisation options are thin: d3.js family tree examples — these are great demos, but they're demos. They assume a simple hierarchical structure (one parent, one child), which immediately br

Continue reading on Dev.to

Opens in a new tab

Read Full Article
6 views

Related Articles