All Projects → magicsunday → webtrees-pedigree-chart

magicsunday / webtrees-pedigree-chart

Licence: GPL-3.0 License
SVG based pedigree chart module for webtrees genealogy application.

Programming Languages

javascript
184084 projects - #8 most used programming language
PHP
23972 projects - #3 most used programming language
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to webtrees-pedigree-chart

D3 In Motion
Code examples and references for the course "D3.js in Motion"
Stars: ✭ 37 (+54.17%)
Mutual labels:  chart, d3js
D3 Layout Narrative
A d3 layout for creating XKCD style narrative charts
Stars: ✭ 168 (+600%)
Mutual labels:  chart, d3js
Ss Vis Component
VIS components for a security system, to monitor the state and confirm the system's health running.
Stars: ✭ 88 (+266.67%)
Mutual labels:  chart, d3js
Ngx Charts
📊 Declarative Charting Framework for Angular
Stars: ✭ 4,057 (+16804.17%)
Mutual labels:  chart, d3js
d3-kagi
An open source javascript library to render beautiful Kagi charts using D3.js and pure Javascript
Stars: ✭ 26 (+8.33%)
Mutual labels:  chart, d3js
D3fc
A collection of components that make it easy to build interactive charts with D3
Stars: ✭ 898 (+3641.67%)
Mutual labels:  chart, d3js
Sunburst Chart
A sunburst interactive chart web component for visualizing hierarchical data
Stars: ✭ 140 (+483.33%)
Mutual labels:  chart, d3js
D3 Timeline
A simple D3 Timeline chart
Stars: ✭ 743 (+2995.83%)
Mutual labels:  chart, d3js
Simple-charts
Simple responsive charts
Stars: ✭ 15 (-37.5%)
Mutual labels:  chart, d3js
Reaviz
📊 Data visualization library for React based on D3
Stars: ✭ 215 (+795.83%)
Mutual labels:  chart, d3js
Just Dashboard
📊 📋 Dashboards using YAML or JSON files
Stars: ✭ 1,511 (+6195.83%)
Mutual labels:  chart, d3js
bar-horizontal
Create beautiful horizontal charts, that fit your terminal.
Stars: ✭ 36 (+50%)
Mutual labels:  chart, module
V Chart Plugin
Easily bind a chart to the data stored in your Vue.js components.
Stars: ✭ 188 (+683.33%)
Mutual labels:  chart, d3js
webtrees-fancy-research-links
Fancy Research Links Module for webtrees
Stars: ✭ 20 (-16.67%)
Mutual labels:  module, webtrees
treemap-chart
A treemap interactive chart web component for visualizing hierarchical data
Stars: ✭ 27 (+12.5%)
Mutual labels:  chart, d3js
vania
A module which fairly distributes a list of arbitrary objects among a set of targets, considering weights.
Stars: ✭ 75 (+212.5%)
Mutual labels:  module
vbl
A collection of useful Bash modules to simplify everyday programming
Stars: ✭ 15 (-37.5%)
Mutual labels:  module
turkeyvisited
Mark the cities you have visited in Turkey and share the map!
Stars: ✭ 82 (+241.67%)
Mutual labels:  d3js
rc-org-chart
基于 react 的组织架构组件,支持缩放、拖拽。可自定义拖拽规则,扩展性强。
Stars: ✭ 19 (-20.83%)
Mutual labels:  chart
graph-explorer
Graph Explorer
Stars: ✭ 27 (+12.5%)
Mutual labels:  d3js

Latest version License PHPStan PHPCodeSniffer CodeQL

Scrutinizer Code Quality Build Status Code Climate Issue Count

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.

Installation

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-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 https://github.com/magicsunday/webtrees-pedigree-chart.git 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

Usage

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.

Development

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

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

Run tests

composer update
vendor/bin/phpstan analyse -c phpstan.neon
vendor/bin/phpcs src/ --standard=PSR12
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].