This is the Family Tree template made by Mayeenul Islam with the love of dTree.
👉 Demo: Family Tree in Bengali
Note: Actually I made a family tree for my family in a quick round and thought it might help the others. Hence compiled the code for public. This repository in its rudimentary shape.
If you make improvement, please don't hesitate to submit Pull Request.
- Family Tree in Tree View
- Family Tree as a list
- Family Tree List has Collapse/Expand feature
- Bengali Support (
bn
) - Responsive and Mobile-friendly
Update the family-tree.json
file
"marriages" : [
{
"spouse" : {
"name" : "সহধর্মীর নাম",
"class" : "female"
},
"children" : [
{
"name" : "সন্তান",
"class" : "male"
}
]
}
]
{
"name" : "ব্যক্তির নাম",
"extra" : {
"nickname" : "ডাকনাম"
},
"class" : "male",
"textClass" : "emphasis"
}
One: When the tree expands with too many leaves, the tree becomes clueless to the audience (limitation of dTree)
Two: Tree View cannot be collapsed (dTree library does not support that feature)
- dTree.js
- Lodash
- d3.js
Mayeenul Islam
- X: @mayeenulislam
- LinedIn: linkedin.com/in/mayeenulislam
- Facebook: fb.me/mayeenulislam
- CV: mayeenulislam.github.io
- YouTube: youtube.com/mayeenulislam