Skip to content

Instantly share code, notes, and snippets.

@CalamityAdam
Last active January 17, 2019 16:12
Show Gist options
  • Save CalamityAdam/f782eb51a2fd58bb744941bd94f4877a to your computer and use it in GitHub Desktop.
Save CalamityAdam/f782eb51a2fd58bb744941bd94f4877a to your computer and use it in GitHub Desktop.
tree
[{
"name": "Adam",
"class": "man",
"textClass": "emphasis",
"marriages": [{
"spouse": {
"name": "Megan",
"class": "woman"
},
"children": [{
"name": "Lilo",
"class": "man",
"marriages": [{
"spouse": {
"name": "ladyCat",
"class": "woman"
},
"children": [{
"name": "Meokity",
"class": "man",
"marriages": []
}, {
"name": "Jane",
"class": "woman"
}, {
"name": "Jasper",
"class": "man",
"extra": {
"favorite_color": "Blue"
}
}, {
"name": "Emma",
"class": "woman"
}, {
"name": "Julia",
"class": "woman"
}, {
"name": "Jessica",
"class": "woman"
}]
}]
}]
}]
}]
{{name}}
{{#if extra.favorite_color}}
<br>({{extra.favorite_color}})
{{/if}}
svg {
font: 10px sans-serif
}
.linage {
fill: none;
stroke: black;
}
.marriage {
fill: none;
stroke: black;
}
.man {
background-color: lightblue;
border-style: solid;
border-width: 1px;
}
.woman {
background-color: pink;
border-style: solid;
border-width: 1px;
{
.p {
padding: 0;
margin: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment