@balkangraph/familytree.js
v2.0.10
Published
Ultimate Family Tree JavaScript library
Downloads
1,996
Maintainers
Readme
FamilyTree JS
Build family tree app with BALKAN FamilyTree JS 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>