Use Erik Gärtner's Treehouse to display a family tree, using the family of Henry VII of England as an example.
See also ErikGartner/dTree
| 1.3.1 |
Use Erik Gärtner's Treehouse to display a family tree, using the family of Henry VII of England as an example.
See also ErikGartner/dTree
| [ | |
| { | |
| "id": 1, | |
| "name": "Henry VII", | |
| "class": "male", | |
| "extra": { | |
| "birth": "1457-01-28", | |
| "death": "1509-04-21", | |
| "title": "King of England", | |
| "wiki": "https://en.wikipedia.org/wiki/Henry_VII_of_England" | |
| }, | |
| "marriages": [ | |
| { | |
| "extra": { | |
| "date": "1486-01-18" | |
| }, | |
| "spouse": { | |
| "id": 2, | |
| "name": "Elizabeth of York", | |
| "class": "female", | |
| "extra": { | |
| "birth": "1466-02-11", | |
| "death": "1503-02-11", | |
| "wiki": "https://en.wikipedia.org/wiki/Elizabeth_of_York" | |
| } | |
| }, | |
| "children": [ | |
| { | |
| "id": 3, | |
| "name": "Arthur Tudor", | |
| "class": "male", | |
| "marriages": [ | |
| { | |
| "extra": { | |
| "date": "1501-11-14" | |
| }, | |
| "spouse": { | |
| "id": 4, | |
| "name": "Catherine of Aragon", | |
| "class": "female" | |
| } | |
| } | |
| ], | |
| "extra": { | |
| "title": "Prince of Wales", | |
| "birth": "1486-09-19", | |
| "death": "1502-04-02", | |
| "wiki": "https://en.wikipedia.org/wiki/Arthur,_Prince_of_Wales" | |
| } | |
| }, | |
| { | |
| "id": 5, | |
| "name": "Margaret Tudor", | |
| "depthOffset": 1, | |
| "class": "female", | |
| "extra": { | |
| "birth": "1489-11-28", | |
| "death": "1541-10-18", | |
| "wiki": "https://en.wikipedia.org/wiki/Margaret_Tudor" | |
| }, | |
| "marriages": [ | |
| { | |
| "spouse": { | |
| "id": 6, | |
| "name": "James IV", | |
| "class": "male", | |
| "extra": { | |
| "title": "King of Scotland", | |
| "death": "1513", | |
| "wiki": "https://en.wikipedia.org/wiki/James_IV_of_Scotland" | |
| } | |
| }, | |
| "children": [ | |
| { | |
| "id": 7, | |
| "name": "James", | |
| "class": "male", | |
| "extra": { | |
| "title": "Duke of Rothesay", | |
| "birth": "1507-02-21", | |
| "death": "1508-02-27", | |
| "wiki": "https://en.wikipedia.org/wiki/James,_Duke_of_Rothesay_(born_1507)" | |
| } | |
| }, | |
| { | |
| "id": 8, | |
| "name": "unnamed", | |
| "class": "female", | |
| "extra": { | |
| "death": "1508-07-15" | |
| } | |
| }, | |
| { | |
| "id": 9, | |
| "name": "Arthur Stewart", | |
| "class": "male", | |
| "extra": { | |
| "title": "Duke of Rothesay", | |
| "birth": "1509-10-20", | |
| "death": "1510-07-14", | |
| "wiki": "https://en.wikipedia.org/wiki/Arthur_Stewart,_Duke_of_Rothesay" | |
| } | |
| }, | |
| { | |
| "id": 10, | |
| "name": "James V", | |
| "class": "male", | |
| "depthOffset": 1, | |
| "extra": { | |
| "title": "King of Scotland", | |
| "birth": "1512-04-10", | |
| "death": "1542-12-14", | |
| "wiki": "https://en.wikipedia.org/wiki/James_V_of_Scotland" | |
| }, | |
| "marriages": [ | |
| { | |
| "spouse": { | |
| "id": 50, | |
| "name": "Madeleine of Valois", | |
| "class": "female", | |
| "extra": { | |
| "wiki": "https://en.wikipedia.org/wiki/Madeleine_of_Valois" | |
| } | |
| } | |
| }, | |
| { | |
| "spouse": { | |
| "id": 51, | |
| "name": "Mary of Guise", | |
| "class": "female", | |
| "extra": { | |
| "wiki": "https://en.wikipedia.org/wiki/Mary_of_Guise" | |
| } | |
| }, | |
| "children": [ | |
| { | |
| "id": 52, | |
| "name": "James", | |
| "class": "male", | |
| "extra": { | |
| "title": "Duke of Rothesay", | |
| "birth": "1540-05-22", | |
| "death": "1541-04-21", | |
| "wiki": "https://en.wikipedia.org/wiki/James,_Duke_of_Rothesay_(born_1540)" | |
| } | |
| }, | |
| { | |
| "id": 53, | |
| "name": "Arthur", | |
| "class": "male", | |
| "extra": { | |
| "title": "Duke of Albany", | |
| "birth": "1541-04-12", | |
| "death": "1541-04-20" | |
| } | |
| }, | |
| { | |
| "id": 54, | |
| "name": "Mary", | |
| "class": "female", | |
| "extra": { | |
| "title": "Queen of Scots", | |
| "birth": "1542-12-08", | |
| "death": "1587-02-08", | |
| "wiki": "https://en.wikipedia.org/wiki/Mary,_Queen_of_Scots" | |
| } | |
| } | |
| ] | |
| } | |
| ] | |
| }, | |
| { | |
| "id": 11, | |
| "name": "unnamed", | |
| "class": "female", | |
| "extra": { | |
| "death": "1512-11" | |
| } | |
| }, | |
| { | |
| "id": 12, | |
| "name": "Alexander Stewart", | |
| "class": "male", | |
| "extra": { | |
| "title": "Duke of Ross", | |
| "birth": "1514-04-30", | |
| "death": "1515-12-18", | |
| "wiki": "https://en.wikipedia.org/wiki/Alexander_Stewart,_Duke_of_Ross" | |
| } | |
| } | |
| ] | |
| }, | |
| { | |
| "spouse": { | |
| "id": 13, | |
| "name": "Archibald Douglas", | |
| "class": "male", | |
| "extra": { | |
| "title": "Sixth Earl of Angus", | |
| "wiki": "https://en.wikipedia.org/wiki/Archibald_Douglas,_6th_Earl_of_Angus" | |
| } | |
| }, | |
| "children": [ | |
| { | |
| "id": 14, | |
| "name": "Margaret Douglas", | |
| "class": "female", | |
| "depthOffset": 1, | |
| "extra": { | |
| "birth": "1515-10-08", | |
| "death": "1578-03-07", | |
| "wiki": "https://en.wikipedia.org/wiki/Margaret_Douglas" | |
| }, | |
| "marriages": [ | |
| { | |
| "spouse": { | |
| "id": 47, | |
| "name": "Matthew Stewart", | |
| "class": "male", | |
| "extra": { | |
| "title": "Fourth Earl of Lennox", | |
| "wiki": "https://en.wikipedia.org/wiki/Matthew_Stewart,_4th_Earl_of_Lennox" | |
| } | |
| }, | |
| "children": [ | |
| { | |
| "id": 48, | |
| "name": "Henry Stuart", | |
| "class": "male", | |
| "extra": { | |
| "title": "Lord Darnley", | |
| "wiki": "https://en.wikipedia.org/wiki/Henry_Stuart,_Lord_Darnley" | |
| } | |
| }, | |
| { | |
| "id": 49, | |
| "name": "Charles Stuart", | |
| "class": "male", | |
| "extra": { | |
| "title": "First Earl of Lennox", | |
| "wiki": "https://en.wikipedia.org/wiki/Charles_Stuart,_1st_Earl_of_Lennox" | |
| } | |
| } | |
| ] | |
| } | |
| ] | |
| } | |
| ] | |
| }, | |
| { | |
| "spouse": { | |
| "id": 15, | |
| "name": "Henry Stewart", | |
| "class": "male", | |
| "extra": { | |
| "title": "First Lord Methven", | |
| "wiki": "https://en.wikipedia.org/wiki/Henry_Stewart,_1st_Lord_Methven" | |
| } | |
| }, | |
| "children": [ | |
| { | |
| "id": 16, | |
| "name": "Dorothea Stewart", | |
| "class": "female" | |
| } | |
| ] | |
| } | |
| ] | |
| }, | |
| { | |
| "id": 17, | |
| "name": "Elizabeth Tudor", | |
| "class": "female", | |
| "extra": { | |
| "birth": "1492-07-02", | |
| "death": "1495-09-14", | |
| "wiki": "https://en.wikipedia.org/wiki/Elizabeth_Tudor_(1492%E2%80%931495)" | |
| } | |
| }, | |
| { | |
| "id": 18, | |
| "name": "Henry VIII", | |
| "class": "male", | |
| "depthOffset": 1, | |
| "extra": { | |
| "title": "King of England", | |
| "birth": "1491-06-28", | |
| "death": "1547-01-28", | |
| "wiki": "https://en.wikipedia.org/wiki/Henry_VIII_of_England" | |
| }, | |
| "marriages": [ | |
| { | |
| "extra": { | |
| "date": "1509-06-11", | |
| "anulment": "1533-05-23" | |
| }, | |
| "spouse": { | |
| "id": 4, | |
| "name": "Catherine of Aragon", | |
| "class": "female", | |
| "extra": { | |
| "birth": "1485-12-16", | |
| "death": "1536-01-07", | |
| "wiki": "https://en.wikipedia.org/wiki/Catherine_of_Aragon" | |
| } | |
| }, | |
| "children": [ | |
| { | |
| "id": 19, | |
| "name": "stillbirth", | |
| "class": "female", | |
| "extra": { | |
| "death": "1510-01" | |
| } | |
| }, | |
| { | |
| "id": 20, | |
| "name": "Henry", | |
| "class": "male", | |
| "extra": { | |
| "title": "Duke of Cornwall", | |
| "birth": "1511-01-01", | |
| "death": "1511-02-22", | |
| "wiki": "https://en.wikipedia.org/wiki/Henry,_Duke_of_Cornwall" | |
| } | |
| }, | |
| { | |
| "id": 21, | |
| "name": "stillbirth", | |
| "class": "male", | |
| "extra": { | |
| "death": "1513-11" | |
| } | |
| }, | |
| { | |
| "id": 22, | |
| "name": "stillbirth", | |
| "class": "male", | |
| "extra": { | |
| "death": "1515-01" | |
| } | |
| }, | |
| { | |
| "id": 23, | |
| "name": "Mary I", | |
| "class": "female", | |
| "extra": { | |
| "title": "Queen of England", | |
| "birth": "1516-02-18", | |
| "death": "1558-11-17", | |
| "wiki": "https://en.wikipedia.org/wiki/Mary_I_of_England" | |
| } | |
| }, | |
| { | |
| "id": 24, | |
| "name": "unnamed", | |
| "class": "female", | |
| "extra": { | |
| "death": "1518-11" | |
| } | |
| } | |
| ] | |
| }, | |
| { | |
| "spouse": { | |
| "id": 25, | |
| "name": "Anne Boleyn", | |
| "class": "female", | |
| "extra": { | |
| "birth": "1501", | |
| "death": "1536-05-19", | |
| "wiki": "https://en.wikipedia.org/wiki/Anne_Boleyn" | |
| } | |
| }, | |
| "children": [ | |
| { | |
| "id": 26, | |
| "name": "Elizabeth I", | |
| "class": "female", | |
| "extra": { | |
| "title": "Queen of England", | |
| "birth": "1533-09-07", | |
| "death": "1603-03-24", | |
| "wiki": "https://en.wikipedia.org/wiki/Elizabeth_I_of_England" | |
| } | |
| }, | |
| { | |
| "id": 27, | |
| "name": "miscarriage", | |
| "class": "male", | |
| "extra": { | |
| "death": "1535" | |
| } | |
| }, | |
| { | |
| "id": 28, | |
| "name": "stillbirth", | |
| "class": "male", | |
| "extra": { | |
| "death": "1536-01" | |
| } | |
| } | |
| ] | |
| }, | |
| { | |
| "spouse": { | |
| "id": 29, | |
| "name": "Jane Seymour", | |
| "class": "female", | |
| "extra": { | |
| "birth": "1508", | |
| "death": "1537-10-24", | |
| "wiki": "https://en.wikipedia.org/wiki/Jane_Seymour" | |
| } | |
| }, | |
| "children": [ | |
| { | |
| "id": 30, | |
| "name": "Edward VI", | |
| "class": "male", | |
| "extra": { | |
| "title": "King of England", | |
| "wiki": "https://en.wikipedia.org/wiki/Edward_VI_of_England" | |
| } | |
| } | |
| ] | |
| }, | |
| { | |
| "spouse": { | |
| "id": 31, | |
| "name": "Anne of Cleves", | |
| "class": "female", | |
| "extra": { | |
| "birth": "1515-09-22", | |
| "death": "1557-07-16", | |
| "wiki": "https://en.wikipedia.org/wiki/Anne_of_Cleves" | |
| } | |
| } | |
| }, | |
| { | |
| "spouse": { | |
| "id": 32, | |
| "name": "Catherine Howard", | |
| "class": "female", | |
| "extra": { | |
| "birth": "1523", | |
| "death": "1542-02-13", | |
| "wiki": "https://en.wikipedia.org/wiki/Catherine_Howard" | |
| } | |
| } | |
| }, | |
| { | |
| "spouse": { | |
| "id": 33, | |
| "name": "Catherine Parr", | |
| "class": "female", | |
| "extra": { | |
| "birth": "1512", | |
| "death": "1548-09-05", | |
| "wiki": "https://en.wikipedia.org/wiki/Catherine_Parr" | |
| } | |
| } | |
| } | |
| ] | |
| }, | |
| { | |
| "id": 34, | |
| "name": "Mary Tudor", | |
| "class": "female", | |
| "depthOffset": 1, | |
| "marriages": [ | |
| { | |
| "spouse": { | |
| "id": 35, | |
| "name": "Louis XII", | |
| "class": "male", | |
| "extra": { | |
| "title": "King of France", | |
| "wiki": "https://en.wikipedia.org/wiki/Louis_XII_of_France" | |
| } | |
| } | |
| }, | |
| { | |
| "spouse": { | |
| "id": 36, | |
| "name": "Charles Brandon", | |
| "class": "male", | |
| "extra": { | |
| "title": "First Duke of Suffolk", | |
| "wiki": "https://en.wikipedia.org/wiki/Charles_Brandon,_1st_Duke_of_Suffolk" | |
| } | |
| }, | |
| "children": [ | |
| { | |
| "id": 37, | |
| "name": "Henry Brandon", | |
| "class": "male", | |
| "extra": { | |
| "birth": "1516-03-11", | |
| "death": "1522" | |
| } | |
| }, | |
| { | |
| "id": 38, | |
| "name": "Frances Brandon", | |
| "class": "female", | |
| "depthOffset": 1, | |
| "extra": { | |
| "birth": "1517-07-16", | |
| "death": "1559-11-20", | |
| "wiki": "https://en.wikipedia.org/wiki/Frances_Grey,_Duchess_of_Suffolk" | |
| }, | |
| "marriages": [ | |
| { | |
| "spouse": { | |
| "id": 44, | |
| "name": "Henry Grey", | |
| "class": "male", | |
| "extra": { | |
| "title": "Third Marquess of Dorset", | |
| "wiki": "https://en.wikipedia.org/wiki/Henry_Grey,_1st_Duke_of_Suffolk" | |
| } | |
| }, | |
| "children": [ | |
| { | |
| "id": 46, | |
| "name": "Jane Grey", | |
| "class": "female", | |
| "extra": { | |
| "wiki": "https://en.wikipedia.org/wiki/Lady_Jane_Grey" | |
| } | |
| } | |
| ] | |
| } | |
| ] | |
| }, | |
| { | |
| "id": 39, | |
| "name": "Eleanor Brandon", | |
| "class": "female", | |
| "depthOffset": 1, | |
| "extra": { | |
| "birth": "1519", | |
| "death": "1547-09-27", | |
| "wiki": "https://en.wikipedia.org/wiki/Eleanor_Clifford,_Countess_of_Cumberland" | |
| }, | |
| "marriages": [ | |
| { | |
| "spouse": { | |
| "id": 45, | |
| "name": "Henry Clifford", | |
| "class": "male", | |
| "extra": { | |
| "title": "Second Earl of Cumberland", | |
| "wiki": "https://en.wikipedia.org/wiki/Henry_Clifford,_2nd_Earl_of_Cumberland" | |
| } | |
| } | |
| } | |
| ] | |
| }, | |
| { | |
| "id": 40, | |
| "name": "Henry Brandon", | |
| "class": "male", | |
| "extra": { | |
| "title": "First Earl of Lincoln", | |
| "birth": "1523", | |
| "death": "1534-03", | |
| "wiki": "https://en.wikipedia.org/wiki/Henry_Brandon,_1st_Earl_of_Lincoln" | |
| } | |
| } | |
| ] | |
| } | |
| ], | |
| "extra": { | |
| "birth": "1496-03-18", | |
| "death": "1533-06-25", | |
| "wiki": "https://en.wikipedia.org/wiki/Mary_Tudor,_Queen_of_France" | |
| } | |
| }, | |
| { | |
| "id": 41, | |
| "name": "Edward Tudor", | |
| "class": "male", | |
| "extra": { | |
| "birth": "1498", | |
| "death": "1499", | |
| "wiki": "https://en.wikipedia.org/wiki/Edward_Tudor" | |
| } | |
| }, | |
| { | |
| "id": 42, | |
| "name": "Edmund Tudor", | |
| "class": "male", | |
| "extra": { | |
| "title": "Duke of Somerset", | |
| "birth": "1499-02-21", | |
| "death": "1500-06-19", | |
| "wiki": "https://en.wikipedia.org/wiki/Edmund_Tudor,_Duke_of_Somerset" | |
| } | |
| }, | |
| { | |
| "id": 43, | |
| "name": "Katherine Tudor", | |
| "class": "female", | |
| "extra": { | |
| "birth": "1503-02-02", | |
| "death": "1503-02-10", | |
| "wiki": "https://en.wikipedia.org/wiki/Katherine_Tudor_(1503)" | |
| } | |
| } | |
| ] | |
| } | |
| ] | |
| } | |
| ] |
| svg { | |
| font-size: 10px; | |
| font-family: sans-serif; | |
| } | |
| .linage { | |
| fill: none; | |
| stroke: black; | |
| } | |
| .marriage { | |
| fill: none; | |
| stroke: navy; | |
| } | |
| .male, | |
| .female { | |
| background-color: white; | |
| border-style: solid; | |
| border-width: medium; | |
| } | |
| .male { | |
| border-color: dodgerblue; | |
| } | |
| .female { | |
| border-color: hotpink; | |
| border-radius: 1em; | |
| } | |
| p { | |
| padding:0; | |
| margin:0; | |
| } | |
| a.wiki { | |
| text-decoration:none; | |
| } |