Topola is a Typescript/Javascript library for embedding genealogy tree visualizations on web pags. The library uses D3 under the hood for rendering SVG images.

Available chart types:

• Ancestors
• Descendants
• Hourglass chart (both ancestors and descendants)
• Relatives chart (descendants, ancestors and descendants of ancestors), based on the All-in-one report in GenealogyJ
• Fancy chart, inspired by https://imgur.com/a/T02Kc7X

Open the StackBlitz examples to play around with the code.

Basic usage: StackBlitz

Using GEDCOM content: StackBlitz

Displaying more data: StackBlitz

Animations: StackBlitz

Have a look at the demo page to see the current visualization possibilities.

Try it with your own GEDCOM file: https://pewu.github.io/topola/upload

Topola Genealogy Viewer is a complete web application build around this library. It can also be used as a Webtrees addon.

To run the demo, run these commands:

npm install
npm start

The aim of this project is to create a feature-rich library for creating interactive genealogy visualizations for the Web.