GeneLeaf - a family tree editor for genomics¶
Pedigree diagrams are a standard visual format for family histories. They enable the representation of genetic information in a compact format which is universally understandable. GeneLeaf is a lightweight online application which enables users to quickly capture create and edit pedigree diagrams through an intuitive user interface, which supports rapid entry of information in a flexible format.
This site contains reference information on the application, including quick start guides designed to get you up and running as well as an in-depth manual to provide information on advanced topics.
Getting Started¶
GeneLeaf is a visual editor for genomics, allowing users to quickly and intuitively add and update information on family relationships in the form of Pedigree or Genogram diagrams. GeneLeaf is a SaaS application, which users can access securely via the web, but supports offline storage of pedigree files in a proprietary format (.glf) as well as interoperability with other common pedigree file formats as well as common image formats (.svg, .png and .svg).
GeneLeaf uses standard conventions to represent the family relationships included in Pedigrees, as in the example below. Pedigrees are visual representations of family relationships. These diagrams follow a specific set of formatting conventions to represent family information. These include the following key components:
- Squares/Circles: used to represent males & females
- Affected: color (including black) is used to indicate that an individual is affected by a condition.
- Spousal relationships: represented by horizontal bars between individuals
- Sibling relationships: represented by horizontal bars above individuals
- Generation relationships (parents/children): represented by vertical bars

In the figure above, two cousins members (1 male and 1 female) are affected.
Input Modes¶
GeneLeaf is designed for ease of use, including intuitive data input modes, including:
- Drawing Pallet - click on any of the icons in the drawing pallet and then click on the drawing area to draw that item.
- Menus - use menus to navigate to the task you wish to execute.
- Keyboard shortcuts - keyboard shortcuts enable you to quickly execute standard tasks.
- Triggers - Each pedigree symbol can be selected by clicking on it. This will cause four triggers to be displayed. Clicking each of these triggers will result in the following actions:
- North - add parent
- South - add child
- East - add spouse
- West - add sibling
Your First Pedigree¶
After following these simple steps, you will have created a simple pedigree as well as having mastered the basic concepts of pedigree drawing with GeneLeaf. Start by opening the GeneLeaf App . You will be presented with a screen similar to the following:

- Create Individual: To draw your first individual, double click on the drawing canvas. This will create an individual at the spot where you click and select that individual (showing the 4 blue triggers), opening its properties in the dialog on the right. Here, we should note:
- Double clicking the canvas is one way to create individuals. However, you could also have clicked on the new button under the draw panel on the left.
- Selecting an individual will show the 4 blue triggers and display the selection’s properties in the panel on the right.

- Add Spouse: Let’s add a spouse to this individual. The simplest way to do this is to click on the button labelled ‘spouse’ in the Draw panel on the left. This will add one spouse to this individual
- Another way to add a spouse is by clicking the East Trigger, on the right of that individual.
- attempting to add additional spouses is not allowed and will not result in any action.
- The new spouse’s sex is automatically set to the opposite of the current spouse. However, this is done for your convenience and may be manually changed.

- Add Child: Let’s add a child to this couple. The simplest way to do this is to click on either parent (selecting them) and then click on the button labelled ‘child’ in the Draw panel on the left. This will add one child to this couple. Clicking on this again will add additional children.
- Another way to do this is to click on the South Trigger, at the bottom of either parent.
- Clicking the trigger additional times will add more children.

- Edit Individual Properties: Now that we have created our basic family, let’s edit the information of each individual. Start by selecting the first individual you added by clicking on his symbol. This will open the selection panel on the right of the drawing panel. Here you may edit any of the individual’s attributes including name, date of birth, sex, etc.
- ID: Each individual is assigned a non-editable ID upon creation. This is displayed in non-editable form.
- RN(Record Number): This is a custom record number which may be edited.
- Category: This is the general category to which an individual belongs, and includes special symbol categories such as pregnancy, miscarriage, stillbirth, infertility
- Sex: Selecting male, female or other results in the corresponding representation of the individual on the pedigree.
- Attributes: These include standard attributes commonly represented in pedigree diagrams, including proband an deceased.

- Add custom data fields: Let’s add a custom data field to this individual. First, select the slider next to Basic mode to switch it to Advanced mode. This will display the custom data fields below. Since no data fields have been added, click the button labelled +Add Field to add a new field. Let’s add a field for eyes. Let’s set this individual’s value to ‘blue’ (i.e., blue eyes).

6. Add custom formatting rule: Let’s add a custom formatting rule so that when individuals have data field values that match our criteria, they will be displayed to reflect this. * 6.1 In the left panel, click the tab labelled Rules. * 6.2 Click the button labelled +Add Formatting Rule. This will open a dialog box. * 6.3 Edit the values in the dialog box so that it includes the following:
- Action: UL this will color the Upper Left corner of the symbol
- Color: Select the color you want to show.
- Key: Select the attribute or data key that you wish to evaluate. Select the field key eyes which you just entered.
- Logic: Select the operator Equal, so that the effect will be applied when the key equals the criteria you specify.
- Criteria Enter the value blue, so that the effect will be applied when eyes equal blue
- 6.4 Your rule should look like this:

- Click the button Update Rule to apply your settings. Your pedigree should look like this:

7. Save File: Let’s save your pedigree as a GeneLeaf file. Click the file menu and select Save as GeneLeaf file (.glf). Select the location where you wish to save the file on your desktop. * You may also save the file as an image file (svg, png or pdf).

- Open File: Let’s try opening the file you just saved. First, refresh your browser to clear the workspace. Next, click the file menu and select **Open GeneLeaf file (.glf). Select the file you saved above. You should see the same pedigree in your browser.

Learning More¶
- GeneLeaf Community - join the Geneleaf community.
- Contact us - email us your questions.
Pedigree Symbol Reference:¶
GeneLeaf follows widely-supported conventions for Pedigrees, as summarized in the reference sheet below.

Introduction¶
a visual editor for genomics¶
Genetics is the study of family relationships which transfer the information that determines the phenotype of each individual in form of discrete hereditary units called genes. The medium in which mosts Geneticists typically work is the pedigree diagram or genogram. In these diagrams, the relationships between individuals are represented through a simplfied set of symbols, related through lines. Gene Leaf enables users to quickly capture information in this form through an intuitive user interface, which supports rapid entry of information. Gene Leaf allows users to work at their own pace and in their own way. A simplified icon set allows users to add information with simple clicks.

General Concepts¶
GeneLeaf was developed with the needs of the end user in mind. It is designed to bring powerful analytics to users while reducing the overall effort required to perform key actions.
Intuitive¶
The interface is designed to be as simple as possible, allowing users to find key functionality rapidly through the design approach summarized by:
TMTOWTDI - There’s more than one way to do it
For most common user actions, we support a basic way of doing it, which is easily described as well as a fast shortcut which can be performed rapidly by advanced users.
Data-Driven¶
Pedigrees have always been a unique form of data representation, in that they convey a large amount of detailed information visually. GeneLeaf supports this approach by supporting pedigrees with a rich, extensible data model which enables users to add and maintain a full family history in a compact data format. The data model for each pedigree controls how it is drawn. Users can determine how each data field is represented on the pedigree diagram through the specification of customized formatting rules.
Interoperable¶
One of the frustrating aspects of drawing and maintaining pedigree drawings is the diverse assortment of alternative software applications available for users, which seem to come in and out of fashion on a fairly regular basis. GeneLeaf aims to be a simple, universally compatible tool which allows users to take their pedigrees from any platform, edit and update them and export them in a format which is easily usable by the platform of his or her choice. If you decide to use our platform at an enterprise level, we are here to support you, but we plan to maintain this application as a free tool for all users on a permanent basis.
Keyboard Shortcuts¶
GeneLeaf allows users to quickly update family information. Use the keyborad shortcuts below to add information with the press of a single key.
Key | Action |
---|---|
p | Create Parent |
s | Create Sibling |
c | Create Child |
m | Create Spouse |
-/+ | Zoom |
PgUp/PgDn | Pan Vertical |
Home/End | Pan Horizontal |
Pre-Release¶
Beta Testing¶
Beta testing is under way. We are looking for knowledgeable users to evaluate this application prior to its release and help us to plan for the support of the most important features. If you are interested, contact us at:
Version 1.0 (Spring 2021)¶
First Release¶
The first public release is planned for spring of 2021. To receive updates contact us at:
License¶
Permission is hereby granted to any person visiting the website upon which this software is hosted to use the software without restriction, subject to the following conditions:
THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.