Skip to content
SVG based ancestor fan chart module for webtrees genealogy application.
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.


Type Name Latest commit message Commit time
Failed to load latest commit information.
assets Reduce doc image sizes Mar 15, 2020
resources Updated dutch language files Mar 31, 2020
src Fixed PHP 7.1 issue Mar 23, 2020
.gitattributes Working on separate modules Nov 29, 2018
.gitignore Renamed module, moved resources around, latest adjustments to recent … Mar 14, 2019
.scrutinizer.yml Create .scrutinizer.yml Jan 26, 2017 Added composer.json Sep 8, 2018 Update Mar 11, 2020
composer.json Fixed #43: Added additional check if individual is living or not Mar 22, 2020
module.php Some refactoring Mar 20, 2020
package-lock.json Updated hover effect Mar 25, 2020
package.json Save SVG as PNG Mar 27, 2020
rollup.config.js Save SVG as PNG Mar 27, 2020

License: GPL v3 Scrutinizer Code Quality Code Climate Test Coverage Issue Count

Fan chart

This modules provides an SVG ancestor fan chart for the webtrees genealogy application.

210 Degree chart 210 Degree chart with color gradients and hidden empty segments


Requires webtrees 2.0.

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-fan-chart --update-no-dev

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

To remove the module run:

composer remove magicsunday/webtrees-fan-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-fan-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-fan-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 Fan chart custom module (optionally disable the original installed fan chart module) and save your settings.

Control panel - Module administration


At the charts menu, you will find a new link called Fan chart.


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

npm install --unsafe-perm --save-dev
npm run prepare
You can’t perform that action at this time.