top

topola

Topola – online genealogy visualization

Showing:

Popularity

Downloads/wk

9

GitHub Stars

54

Maintenance

Last Commit

5mos ago

Contributors

7

Package

Dependencies

7

Size (min+gzip)

42.5KB

License

Apache-2.0

Type Definitions

Built-In

Tree-Shakeable

No?

Categories

Readme

Topola – online genealogy visualization

npm Build Status

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

Examples

Open the StackBlitz examples to play around with the code.

Basic usage: StackBlitz

Using GEDCOM content: StackBlitz

Displaying more data: StackBlitz

Animations: StackBlitz

Demo

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.

Running

To run the demo, run these commands:

npm install
npm start

Future

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

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100