Family Tree (Template)

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.

Screenshots

Tree View

List View (Collapsible)

Features

• Family Tree in Tree View
• Family Tree as a list
• Family Tree List has Collapse/Expand feature
• Bengali Support (bn)
• Responsive and Mobile-friendly

Usage

Update the family-tree.json file

Syntax: Marriage & Children

"marriages" : [
  {
    "spouse" : {
      "name" : "সহধর্মীর নাম",
      "class" : "female"
    },
    "children" : [
      {
        "name" : "সন্তান",
        "class" : "male"
      }
    ]
  }
]

Syntax: Person

{
  "name" : "ব‍্যক্তির নাম",
  "extra" : {
    "nickname" : "ডাকনাম"
  },
  "class" : "male",
  "textClass" : "emphasis"
}

Limitations

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)

Credit

Made with dTree (Demo)

• 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