{"id":13597738,"url":"https://github.com/magicsunday/webtrees-pedigree-chart","last_synced_at":"2026-05-01T22:01:02.889Z","repository":{"id":40447788,"uuid":"157675750","full_name":"magicsunday/webtrees-pedigree-chart","owner":"magicsunday","description":"SVG pedigree chart module for the webtrees genealogy application — interactive D3.js tree visualization with multiple layouts and up to 25 generations.","archived":false,"fork":false,"pushed_at":"2026-04-30T21:51:16.000Z","size":3030,"stargazers_count":56,"open_issues_count":2,"forks_count":15,"subscribers_count":8,"default_branch":"main","last_synced_at":"2026-04-30T23:09:45.632Z","etag":null,"topics":["ancestors","chart","d3","d3js","data-visualization","family-tree","genealogy","module","pedigree-chart","svg","visualization","webtrees"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/magicsunday.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":"AGENTS.md","dco":null,"cla":null},"funding":{"custom":"https://paypal.me/magicsunday"}},"created_at":"2018-11-15T08:14:54.000Z","updated_at":"2026-04-30T21:51:19.000Z","dependencies_parsed_at":"2023-12-27T14:43:50.018Z","dependency_job_id":"a8ed7ce1-93dc-433e-b493-7bca76f86b34","html_url":"https://github.com/magicsunday/webtrees-pedigree-chart","commit_stats":{"total_commits":163,"total_committers":10,"mean_commits":16.3,"dds":"0.14723926380368102","last_synced_commit":"1d8faf301ea54e498e5a73051afb57f73b8d9e83"},"previous_names":[],"tags_count":25,"template":false,"template_full_name":null,"purl":"pkg:github/magicsunday/webtrees-pedigree-chart","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/magicsunday%2Fwebtrees-pedigree-chart","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/magicsunday%2Fwebtrees-pedigree-chart/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/magicsunday%2Fwebtrees-pedigree-chart/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/magicsunday%2Fwebtrees-pedigree-chart/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/magicsunday","download_url":"https://codeload.github.com/magicsunday/webtrees-pedigree-chart/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/magicsunday%2Fwebtrees-pedigree-chart/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32514340,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-30T13:12:12.517Z","status":"online","status_checked_at":"2026-05-01T02:00:05.856Z","response_time":64,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ancestors","chart","d3","d3js","data-visualization","family-tree","genealogy","module","pedigree-chart","svg","visualization","webtrees"],"created_at":"2024-08-01T17:00:40.062Z","updated_at":"2026-05-01T22:01:02.881Z","avatar_url":"https://github.com/magicsunday.png","language":"JavaScript","funding_links":["https://paypal.me/magicsunday"],"categories":["JavaScript"],"sub_categories":[],"readme":"[![Latest version](https://img.shields.io/github/v/release/magicsunday/webtrees-pedigree-chart?sort=semver)](https://github.com/magicsunday/webtrees-pedigree-chart/releases/latest)\n[![License](https://img.shields.io/github/license/magicsunday/webtrees-pedigree-chart)](https://github.com/magicsunday/webtrees-pedigree-chart/blob/main/LICENSE)\n[![CI](https://github.com/magicsunday/webtrees-pedigree-chart/actions/workflows/ci.yml/badge.svg)](https://github.com/magicsunday/webtrees-pedigree-chart/actions/workflows/ci.yml)\n\n\n\u003c!-- TOC --\u003e\n* [Pedigree chart](#pedigree-chart)\n  * [Installation](#installation)\n    * [Manual installation](#manual-installation)\n    * [Using Composer](#using-composer)\n      * [Latest version](#latest-version)\n    * [Using Git](#using-git)\n  * [Configuration](#configuration)\n  * [Usage](#usage)\n  * [Development](#development)\n    * [Run tests](#run-tests)\n\u003c!-- TOC --\u003e\n\n\n# Pedigree chart\nThis module provides an SVG pedigree chart for the [webtrees](https://www.webtrees.net) genealogy application.\nIt is capable of displaying up to 25 generations of ancestors from an individual.\n\n**But beware, if you select too many generations, it may take a while and even slow down your system significantly.**\n\n![pedigree-chart-3-generations](assets/pedigree-chart-top-bottom.png)\n*Fig. 1: A five-generations pedigree chart (drawn top to bottom)*\n\n![pedigree-chart-5-generations](assets/pedigree-chart-5-generations.png)\n*Fig. 2: A five-generations pedigree chart (drawn left to right)*\n\n\n## Installation\nRequires webtrees 2.2.\n\nThere are several ways to install the module. The method using [composer](#using-composer) is suitable\nfor experienced users, as a developer you can also use [git](#using-git) to get a copy of the repository. For all other users,\nhowever, manual installation is recommended.\n\n### Manual installation\nTo manually install the module, perform the following steps:\n\n1. Download the [latest release](https://github.com/magicsunday/webtrees-pedigree-chart/releases/latest) of the module.\n2. Upload the downloaded file to your web server.\n3. Unzip the package into your ``modules_v4`` directory.\n4. Rename the folder to ``webtrees-pedigree-chart``\n\nIf everything was successful, you should see a subdirectory ``webtrees-pedigree-chart`` with the unpacked content\nin the ``modules_v4`` directory.\n\nThen follow the steps described in [configuration](#configuration) and [usage](#usage).\n\n\n### Using Composer\nTypically, to install with [composer](https://getcomposer.org/), just run the following command from the command line,\nfrom the root of your Webtrees installation.\n\n```shell\ncomposer require magicsunday/webtrees-pedigree-chart --update-no-dev\n```\n\nThe module will automatically install into the ``modules_v4`` directory of your webtrees installation.\n\nTo remove the module run:\n```shell\ncomposer remove magicsunday/webtrees-pedigree-chart --update-no-dev\n```\n\nThen follow the steps described in [configuration](#configuration) and [usage](#usage).\n\n#### Latest version\nIf you are using the development version of Webtrees (main branch), you may also need to install the development\nversion of the module. For this, please use the following command:\n```shell\ncomposer require magicsunday/webtrees-pedigree-chart:dev-main --update-no-dev\n```\n\n\n### Using Git\nIf you are using ``git``, you could also clone the current main branch directly into your ``modules_v4`` directory \nby calling:\n\n```shell\ngit clone https://github.com/magicsunday/webtrees-pedigree-chart.git modules_v4/webtrees-pedigree-chart\n```\n\nThen follow the steps described in [configuration](#configuration) and [usage](#usage).\n\n\n## Configuration\nGo to the control panel (admin section) of your installation and scroll down to the ``Modules`` section. Click\non ``Charts`` (in subsection Genealogy). Enable the ``Pedigree chart`` custom module (optionally disable the original\ninstalled pedigree chart module) and save your settings.\n\n![control-panel-modules](assets/control-panel-modules.png)\n*Fig. 3: Control panel - Module administration*\n\n\n## Usage\nAt the charts' menu, you will find a new link called `Pedigree chart`. Use the provided configuration options\nto adjust the layout of the charts according to your needs.\n\n\n## Development\nTo build/update the JavaScript, you can either use a local Node.js installation or Docker.\n\n### Using Docker\nNo local Node.js installation required. Just run:\n\n```shell\nmake install\nmake build\n```\n\nTo watch for changes and rebuild automatically:\n```shell\nmake watch\n```\n\n### Using local Node.js\n```shell\nnvm install node\nnpm install\nnpm run prepare\n```\n\n### Run tests\n```shell\ncomposer update\n\ncomposer ci:test\ncomposer ci:test:php:phpstan\ncomposer ci:test:php:lint\ncomposer ci:test:php:rector\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmagicsunday%2Fwebtrees-pedigree-chart","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmagicsunday%2Fwebtrees-pedigree-chart","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmagicsunday%2Fwebtrees-pedigree-chart/lists"}