When to use it
Use it to sort out who is who before a family reunion, for a school family tree project, or as a first sketch before serious genealogy research. Each couple shares one box and children connect down from their parents' box, so every row is one generation and the chart stays easy to edit.
Make it yours
- Replace the labels with real names, or use two lines such as
Grandpa Joe<br/>1941. - For more siblings, add boxes and draw a line down from the parents' box to each.
- Think before publicly sharing full names and birth dates of living relatives.
Mermaid code
flowchart TB
PG[Grandpa Joe · Grandma Ruth] --- UN[Uncle Dan · Aunt Mary]
PG --- FM[Dad · Mom]
MG[Grandpa Sam · Grandma Ann] --- FM
MG --- AU[Aunt Liz · Uncle Ray]
UN --- C1[Cousin Ben]
FM --- BR[Brother · Sister-in-law]
FM --- ME[Me · Spouse]
FM --- SI[Sister]
AU --- C2[Cousin Zoe]
BR --- NE[Nephew]
ME --- DA[Daughter]Ask an AI for one with this structure
Send the prompt below to ChatGPT or Claude, then paste the whole reply into the editor; the code inside is detected automatically.
Draw a four-generation family tree with Mermaid flowchart TB syntax. Put each couple in one box with a middle dot between the names. The first generation is two pairs of grandparents. The second is an uncle and aunt on each side and Dad and Mom, whose box connects to both pairs of grandparents. The third is a cousin on each side, a brother and his wife, me and my spouse, and a sister. The fourth is a nephew and a daughter. Connect parents to children with plain lines using --- and use no parentheses in node text. Output only the mermaid code block.
FAQ
- Why does a couple share one box?
Every line then means parent to child and the chart does not tangle. You can give each person a box and join them with
---, but the number of lines doubles.- Will a large family fit?
Yes, but splitting by branch reads better: one chart per pair of grandparents, plus an overview chart that links the branches.
- Is my family's information uploaded?
Drawing and exporting happen in your browser and the content is not uploaded. Anyone you give a share link to can see what is on the chart.
More in this category
Company Organisation Chart Template
Engineering Department Org Chart Template
Project Team Organisation Chart Template
School organizational chart template
Hospital department organizational chart template
Student government organizational chart template
Startup organizational chart template
Matrix project organizational chart template
Updated 2026-11-11