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.