Family Tree JS

Build family tree app with BALKAN FamilyTreeJS JavaScript library. Family Tree also called a genealogy or a pedigree chart, is a chart representing family relationships in a conventional tree structure.

Demos      Docs      Download      Support

Features

• Supports both local data and remote data (JSON)
• Smooth expand/collapse effects
• Align the chart in 8 orientations
• Supports pan and zoom
• Edit Form
• Node Customization
• Search
• Scroll Bars
• Lazy Loading
• Exporting

Installation

Option 1 - standalone build

Option 2 - NPM

npm i @balkangraph/familytree.js

Option 3 - Bower

bower install familytree.js

Usage

    <script src="https://balkan.app/js/familytree.js"></script> 
    <div id="tree"/>
    <script>
    var tree = new FamilyTree(document.getElementById("tree"), {
        nodeBinding: {
            field_0: "name"
        },
        nodes: [
            { id: 1, pids: [2] },
            { id: 2, pids: [1] },
            { id: 3, mid: 1, fid: 2 }
        ]
    });
    </script>

1 click to talk 2 us