Skip to content


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

Latest version License PHPStan PHPCodeSniffer CodeQL

Pedigree chart

This module provides an SVG pedigree chart for the webtrees genealogy application. It is capable to display up to 25 ancestor generations of an individual.

pedigree-chart-3-generations Fig. 1: A five generations pedigree chart (drawn top to bottom)

pedigree-chart-5-generations Fig. 2: A five generations pedigree chart (drawn left to right)

Caution: If you are rendering a lot of generations it may take a while and even slow down your system.


Requires webtrees 2.2.

Using Composer

To install using composer, just run the following command from the command line at the root directory of your webtrees installation.

composer require magicsunday/webtrees-pedigree-chart:* --update-no-dev

The module will automatically install into the modules_v4 directory of your webtrees installation.

To remove the module run:

composer remove magicsunday/webtrees-pedigree-chart --update-no-dev

Using Git

If you are using git, you could also clone the current master branch directly into your modules_v4 directory by calling:

git clone modules_v4/webtrees-pedigree-chart

Manual installation

To manually install the module, perform the following steps:

  1. Download the latest release.
  2. Upload the downloaded file to your web server.
  3. Unzip the package into your modules_v4 directory.
  4. Rename the folder to webtrees-pedigree-chart

Enable module

Go to the control panel (admin section) of your installation and scroll down to the Modules section. Click on Charts (in subsection Genealogy). Enable the Pedigree chart custom module (optionally disable the original installed pedigree chart module) and save your settings.

control-panel-modules Fig. 3: Control panel - Module administration


At the charts' menu, you will find a new link called Pedigree chart. Use the provided configuration options to adjust the layout of the charts according to your needs.


To build/update the javascript, run the following commands:

nvm install node
npm install --unsafe-perm --save-dev
npm run prepare

Run tests

composer update
vendor/bin/phpstan analyse --xdebug --memory-limit=-1 -c phpstan.neon
vendor/bin/phpcs src/ --standard=PSR12