A tiny library for calculating specific JSON data to family tree nodes and connectors 🌳
Home Page: https://sanichkotikov.github.io/react-family-tree-example/
License: MIT License
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
Hi,
Getting wired behavior as nodes are overlapping to each other. Please have a look into screenshot.
Could you please look into it and provide some help to fix this.
I've got an odd issue where I've added an Ex-Spouse of great-grand parents and they don't want to render correctly they end up under the grand parent they are attached to. (it happens other times but this is the one I have sample data for)
Root = GrandA
GrandEx - Renders Under GrandA not beside.
Root = GrandEx mostly renders fine...
[ { "id": "family", "gender": "male", "parents": [ { "id": "primary", "type": "blood" }, { "id": "partner", "type": "blood" } ], "siblings": [], "spouses": [], "children": [] }, { "id": "primary", "gender": "male", "parents": [ { "id": "grandDad", "type": "blood" }, { "id": "grandMom", "type": "blood" } ], "siblings": [], "spouses": [ { "id": "partner", "type": "married" } ], "children": [ { "id": "family", "type": "blood" } ] }, { "id": "partner", "gender": "female", "parents": [ { "id": "partGrandA", "type": "blood" }, { "id": "partGrandB", "type": "blood" } ], "siblings": [], "spouses": [ { "id": "primary", "type": "married" } ], "children": [ { "id": "family", "type": "blood" } ] }, { "id": "grandMom", "gender": "female", "parents": [], "spouses": [ { "id": "grandDad", "type": "married" } ], "siblings": [], "children": [ { "id": "primary", "type": "blood" } ] }, { "id": "grandDad", "gender": "male", "parents": [ { "id": "grandA", "type": "blood" }, { "id": "grandB", "type": "blood" } ], "spouses": [ { "id": "grandMom", "type": "married" } ], "siblings": [], "children": [ { "id": "primary", "type": "blood" } ] }, { "id": "partGrandB", "gender": "female", "parents": [], "spouses": [ { "id": "partGrandA", "type": "married" } ], "siblings": [], "children": [ { "id": "partner", "type": "blood" } ] }, { "id": "partGrandA", "gender": "male", "parents": [], "spouses": [ { "id": "partGrandB", "type": "married" }, { "id": "partGrandEx", "type": "divorced" } ], "siblings": [], "children": [ { "id": "partner", "type": "blood" } ] }, { "id": "partGrandEx", "gender": "female", "parents": [], "spouses": [ { "id": "partGrandA", "type": "divorced" } ], "siblings": [], "children": [] }, { "id": "grandB", "gender": "female", "parents": [], "spouses": [ { "id": "grandA", "type": "married" } ], "siblings": [], "children": [ { "id": "grandDad", "type": "blood" } ] }, { "id": "grandA", "gender": "male", "parents": [], "spouses": [ { "id": "grandB", "type": "married" }, { "id": "grandEx", "type": "divorced" } ], "siblings": [], "children": [ { "id": "grandDad", "type": "blood" } ] }, { "id": "grandEx", "gender": "female", "parents": [], "spouses": [ { "id": "grandA", "type": "divorced" } ], "siblings": [], "children": [] } ]
My tree looks like this:
[ { "id": "1", "gender": "male", "parents": [ { "id": "2", "type": "blood" }, { "id": "3", "type": "blood" } ], "siblings": [], "spouses": [], "children": [] }, { "id": "2", "gender": "male", "parents": [{ "id": "4", "type": "blood" }], "children": [{ "id": "1", "type": "blood" }], "siblings": [], "spouses": [{ "id": "3", "type": "married" }] }, { "id": "3", "gender": "female", "parents": [{ "id": "5", "type": "blood" }], "children": [{ "id": "1", "type": "blood" }], "siblings": [], "spouses": [{ "id": "2", "type": "married" }] }, { "id": "4", "gender": "male", "parents": [ { "id": "6", "type": "blood" }, { "id": "7", "type": "blood" } ], "children": [{ "id": "2", "type": "blood" }], "siblings": [], "spouses": [] }, { "id": "5", "gender": "male", "parents": [], "children": [{ "id": "3", "type": "blood" }], "siblings": [], "spouses": [] }, { "id": "6", "gender": "male", "parents": [], "children": [{ "id": "4", "type": "blood" }], "siblings": [], "spouses": [{ "id": "7", "type": "married" }] }, { "id": "7", "gender": "female", "parents": [], "children": [{ "id": "4", "type": "blood" }], "siblings": [], "spouses": [{ "id": "6", "type": "married" }] } ]
then I wanna add a new parent to node 5. I create new node with id 8, in his array of children add: { "id": "5", "type": "blood" }. In array of parents of node 5 add: { "id": "8", "type": "blood" }. Then tree doesn't look quite right, new node is hidden behind node 7:
[ { "id": "1", "gender": "male", "parents": [ { "id": "2", "type": "blood" }, { "id": "3", "type": "blood" } ], "siblings": [], "spouses": [], "children": [] }, { "id": "2", "gender": "male", "parents": [{ "id": "4", "type": "blood" }], "children": [{ "id": "1", "type": "blood" }], "siblings": [], "spouses": [{ "id": "3", "type": "married" }] }, { "id": "3", "gender": "female", "parents": [{ "id": "5", "type": "blood" }], "children": [{ "id": "1", "type": "blood" }], "siblings": [], "spouses": [{ "id": "2", "type": "married" }] }, { "id": "4", "gender": "male", "parents": [ { "id": "6", "type": "blood" }, { "id": "7", "type": "blood" } ], "children": [{ "id": "2", "type": "blood" }], "siblings": [], "spouses": [] }, { "id": "5", "gender": "male", "parents": [{ "id": "8", "type": "blood" }], "children": [{ "id": "3", "type": "blood" }], "siblings": [], "spouses": [] }, { "id": "6", "gender": "male", "parents": [], "children": [{ "id": "4", "type": "blood" }], "siblings": [], "spouses": [{ "id": "7", "type": "married" }] }, { "id": "7", "gender": "female", "parents": [], "children": [{ "id": "4", "type": "blood" }], "siblings": [], "spouses": [{ "id": "6", "type": "married" }] }, { "id": "8", "gender": "male", "parents": [], "children": [{ "id": "5", "type": "blood" }], "siblings": [], "spouses": [] } ]
Is it possible to add single parent like this? Is it intensional behaviour or a bug? I tried on 3 last version of package.
Hello!
I'm trying to work with this library and I found out that this tree doesn't render the members without direct relationship to the root member (E.g. cousins, aunts, uncles etc.). As I see the library just avoid those type of patients.
If you have the idea how to do it, please share, maybe I will implement it, and we will improve the library together)
There is a problem when building the tree in the parent direction. Starting from the 3rd generation, the family on the right does not move to the right.
Previous versions of the library did not have this problem.
Screenshot and link to codeSandbox
Screenshot explanation: Fedor and Lena have 2 parents, but Fedor's parents moved to the left and ended up under other cards
I'm using this library for a complicated family tree and I noticed it's having an issue with spouses that are from different generations. It's duplicating everything on both spouses instead of one single tree..
I've attached an image that shows what I mean, and the following link is a Google drive link to the json example data for spouses from different generations: https://drive.google.com/file/d/13_lfSDgRm5Q4OB__wGjt-K4uPJJbXyiQ/view?usp=sharing
I'm not sure it's actually an issue or that I'm doing something wrong, but won't hurt to ask the creator ;).
Awesome job on the repo! Love your work!
I stumbled upon a weird display bug lately and managed to narrow it to a small node:
user4 as rootId.The tree should look like this:
The tree looks like this:
The bug only seems to appear with this specific rootId. If I set another rootId, the tree displays correctly.
nodes.json:
[
{
"id": "user1",
"gender": "male",
"parents": [
{ "id": "user5", "type": "blood" },
{ "id": "user6", "type": "blood" }
],
"siblings": [{ "id": "user4", "type": "blood" }],
"spouses": [],
"children": [{ "id": "user3", "type": "blood" }]
},
{
"id": "user2",
"gender": "female",
"parents": [],
"siblings": [],
"spouses": [{ "id": "user5", "type": "married" }],
"children": []
},
{
"id": "user3",
"gender": "male",
"parents": [{ "id": "user1", "type": "blood" }],
"siblings": [],
"spouses": [],
"children": []
},
{
"id": "user4",
"gender": "female",
"parents": [
{ "id": "user5", "type": "blood" },
{ "id": "user6", "type": "blood" }
],
"siblings": [{ "id": "user1", "type": "blood" }],
"spouses": [],
"children": []
},
{
"id": "user5",
"gender": "male",
"parents": [],
"siblings": [],
"spouses": [
{ "id": "user6", "type": "divorced" },
{ "id": "user2", "type": "married" }
],
"children": [
{ "id": "user1", "type": "blood" },
{ "id": "user4", "type": "blood" }
]
},
{
"id": "user6",
"gender": "female",
"parents": [],
"siblings": [],
"spouses": [{ "id": "user5", "type": "divorced" }],
"children": [
{ "id": "user1", "type": "blood" },
{ "id": "user4", "type": "blood" }
]
}
]
| Environment | Info |
|---|---|
| react-family-tree | 2.0.2 |
| React | 17.0.1 |
| System | MacOS Catalina 10.15.7 |
| Browser | Google Chrome 88.0.4324.182 |
Hi, I'm seeing an issue where the spacing generated doesn't seem to be accounting for a sibling's spouse:
Hi,
I have an problem to show child node on tree.
Here is my Json:
[
{
"id": 1316,
"Name": "Harish Kumar1",
"Sex": "Male",
"children": [],
"parents": [
{
"id": 1517,
"type": "blood"
},
{
"id": 1518,
"type": "blood"
}
],
"siblings": [],
"spouses": []
},
{
"id": 1517,
"Name": "Father",
"Sex": "Male",
"children": [
{
"id": 1316,
"type": "blood"
}
],
"parents": [
{
"id": 1519,
"type": "blood"
},
{
"id": 1520,
"type": "blood"
}
],
"siblings": [],
"spouses": [
{
"id": 1518,
"type": "married"
}
]
},
{
"id": 1518,
"Name": "Mother",
"Sex": "Female",
"children": [
{
"id": 1316,
"type": "blood"
}
],
"parents": [],
"siblings": [],
"spouses": [
{
"id": 1517,
"type": "married"
}
]
},
{
"id": 1519,
"Name": "GF",
"Sex": "Male",
"children": [
{
"id": 1517,
"type": "blood"
},
{
"id": 1522,
"type": "blood"
}
],
"parents": [],
"siblings": [],
"spouses": [
{
"id": 1520,
"type": "blood"
}
]
},
{
"id": 1520,
"Name": "GM",
"Sex": "Female",
"children": [
{
"id": 1517,
"type": "blood"
}
],
"parents": [],
"siblings": [],
"spouses": [
{
"id": 1519,
"type": "married"
}
]
},
{
"id": 1522,
"Name": "Uncle",
"children": [],
"parents": [
{
"id": 1519,
"type": "blood"
}
],
"siblings": [],
"spouses": []
}
]
Node with name Uncle is not showing on tree under node GF.
Can anyone help me with this?
Tried it with really large set of nodes, connectors at one only one point failed to draw correctly.
682 and 78 are children of 684 and 685. 684 however has two spouses 685 and 76.
Tried it with sample code from this node
const data: { [key: string]: any[] } = { '285': bigSample, };
Maybe author has an idea what would be wrong with data?
Or maybe it is a bug?
I'm building a relationship finder on react native that renders trees that can go back generations. I've patterned after your react-family-tree repository (and react-family-tree-example).
I'm running into difficulty where it only renders 1/2 of the tall tree (only the rootId side).
How can I get it to show the other side?
I am having a small problem with a very elaborate tree. Sometimes a div from FamilyNode overlaps another div. (screens below)
Here the boxes have not shifted and intermingle - which is a mistake
Where can I look for a solution?
Regard
Wojtek
Hello Sanich
I'm getting duplicate nodes with attached family Json data. Third generation descendants of brother and sister got married and this translate into tree_0.png.
I'm wondering if we could get version without duplicates like in tree_2.png?
Thank you in advance for your reply
tree_0
tree_2
Family Json data:
[
{
"id": "1d15387b-15b1-493e-b43e-ed82d8acdb3a",
"email": "[email protected]",
"root": "0",
"fname": null,
"lname": null,
"full_name": null,
"birth": null,
"death": null,
"gender": null,
"biography": null,
"albums": null,
"changed": "1610716680",
"parents": [],
"children": [],
"siblings": [],
"spouses": [],
"tags": [],
"images": []
},
{
"id": "a26c58ff-d748-4398-9f91-0f3281fb903a",
"email": "[email protected]",
"root": "0",
"fname": "François",
"lname": "Gochon",
"full_name": "François Gochon",
"birth": null,
"death": null,
"gender": "male",
"biography": "lorem ipsum...",
"albums": null,
"changed": "1616687079",
"parents": [],
"children": [
{
"id": "8d5599ba-4086-4a6d-9bf5-339164b4c2c2",
"type": "blood"
}
],
"siblings": [],
"spouses": [
{
"id": "14fee90c-5835-4517-a90c-6914d6bd872d",
"type": "married"
}
],
"tags": [],
"images": []
},
{
"id": "14fee90c-5835-4517-a90c-6914d6bd872d",
"email": "[email protected]",
"root": "0",
"fname": "Marie",
"lname": "Le Roy",
"full_name": "Marie Le Roy",
"birth": null,
"death": null,
"gender": "female",
"biography": "lorem ipsum...",
"albums": null,
"changed": "1616687079",
"parents": [],
"children": [
{
"id": "8d5599ba-4086-4a6d-9bf5-339164b4c2c2",
"type": "blood"
}
],
"siblings": [],
"spouses": [
{
"id": "a26c58ff-d748-4398-9f91-0f3281fb903a",
"type": "married"
}
],
"tags": [],
"images": []
},
{
"id": "8d5599ba-4086-4a6d-9bf5-339164b4c2c2",
"email": "[email protected]",
"root": "1",
"fname": "Pierre",
"lname": "Gochon",
"full_name": "Pierre Gochon",
"birth": null,
"death": null,
"gender": "male",
"biography": "lorem ipsum...",
"albums": null,
"changed": "1616687982",
"parents": [
{
"id": "a26c58ff-d748-4398-9f91-0f3281fb903a",
"type": "blood"
},
{
"id": "14fee90c-5835-4517-a90c-6914d6bd872d",
"type": "blood"
}
],
"children": [
{
"id": "07a936be-80f5-4c09-9ebb-694d688b2449",
"type": "blood"
},
{
"id": "d539f160-3971-4b3d-baf7-b93096862d6b",
"type": "blood"
}
],
"siblings": [],
"spouses": [
{
"id": "a53e9be4-8278-4659-a1f1-dbffb4ef8642",
"type": "married"
}
],
"tags": [],
"images": []
},
{
"id": "a53e9be4-8278-4659-a1f1-dbffb4ef8642",
"email": "[email protected]",
"root": "0",
"fname": "Madeleine",
"lname": "Brissart",
"full_name": "Madeleine Brissart",
"birth": null,
"death": null,
"gender": "female",
"biography": "lorem ipsum...",
"albums": null,
"changed": "1616687151",
"parents": [],
"children": [
{
"id": "07a936be-80f5-4c09-9ebb-694d688b2449",
"type": "blood"
},
{
"id": "d539f160-3971-4b3d-baf7-b93096862d6b",
"type": "blood"
}
],
"siblings": [],
"spouses": [
{
"id": "8d5599ba-4086-4a6d-9bf5-339164b4c2c2",
"type": "married"
}
],
"tags": [],
"images": []
},
{
"id": "43ade73c-61a2-44b8-a4db-1c281fdecb49",
"email": "[email protected]",
"root": "0",
"fname": "Jean",
"lname": "Clement",
"full_name": "Jean Clement",
"birth": null,
"death": null,
"gender": "male",
"biography": null,
"albums": null,
"changed": "1616687213",
"parents": [],
"children": [
{
"id": "d24320ba-2ed5-48dc-9845-11951369bfc8",
"type": "blood"
}
],
"siblings": [],
"spouses": [
{
"id": "d539f160-3971-4b3d-baf7-b93096862d6b",
"type": "married"
}
],
"tags": [],
"images": []
},
{
"id": "d539f160-3971-4b3d-baf7-b93096862d6b",
"email": "[email protected]",
"root": "0",
"fname": "Marie",
"lname": "Gochon",
"full_name": "Marie Gochon",
"birth": null,
"death": null,
"gender": "female",
"biography": "lorem ipsum...",
"albums": null,
"changed": "1616687213",
"parents": [
{
"id": "8d5599ba-4086-4a6d-9bf5-339164b4c2c2",
"type": "blood"
},
{
"id": "a53e9be4-8278-4659-a1f1-dbffb4ef8642",
"type": "blood"
}
],
"children": [
{
"id": "d24320ba-2ed5-48dc-9845-11951369bfc8",
"type": "blood"
}
],
"siblings": [
{
"id": "07a936be-80f5-4c09-9ebb-694d688b2449",
"type": "blood"
}
],
"spouses": [
{
"id": "43ade73c-61a2-44b8-a4db-1c281fdecb49",
"type": "married"
}
],
"tags": [],
"images": []
},
{
"id": "d24320ba-2ed5-48dc-9845-11951369bfc8",
"email": "[email protected]",
"root": "0",
"fname": "Marie Therese",
"lname": "Clement",
"full_name": "Marie Therese Clement",
"birth": null,
"death": null,
"gender": "female",
"biography": "lorem ipsum...",
"albums": null,
"changed": "1616687286",
"parents": [
{
"id": "43ade73c-61a2-44b8-a4db-1c281fdecb49",
"type": "blood"
},
{
"id": "d539f160-3971-4b3d-baf7-b93096862d6b",
"type": "blood"
}
],
"children": [
{
"id": "9fbf8084-2eb6-4d54-b22d-fd4402574224",
"type": "blood"
}
],
"siblings": [],
"spouses": [
{
"id": "baf11800-e3bd-409c-9e98-9a213394026a",
"type": "married"
}
],
"tags": [],
"images": []
},
{
"id": "baf11800-e3bd-409c-9e98-9a213394026a",
"email": "[email protected]",
"root": "0",
"fname": "Valentin",
"lname": "Carniaux",
"full_name": "Valentin Carniaux",
"birth": null,
"death": null,
"gender": "male",
"biography": null,
"albums": null,
"changed": "1616687286",
"parents": [],
"children": [
{
"id": "9fbf8084-2eb6-4d54-b22d-fd4402574224",
"type": "blood"
}
],
"siblings": [],
"spouses": [
{
"id": "d24320ba-2ed5-48dc-9845-11951369bfc8",
"type": "married"
}
],
"tags": [],
"images": []
},
{
"id": "9fbf8084-2eb6-4d54-b22d-fd4402574224",
"email": "[email protected]",
"root": "0",
"fname": "Hubert",
"lname": "Carniaux",
"full_name": "Hubert Carniaux",
"birth": null,
"death": null,
"gender": "male",
"biography": "lorem ipsum...",
"albums": null,
"changed": "1616687370",
"parents": [
{
"id": "baf11800-e3bd-409c-9e98-9a213394026a",
"type": "blood"
},
{
"id": "d24320ba-2ed5-48dc-9845-11951369bfc8",
"type": "blood"
}
],
"children": [
{
"id": "8bc11dae-a85f-4ded-83a0-8d6afcb425a8",
"type": "blood"
}
],
"siblings": [],
"spouses": [
{
"id": "a6bbcaee-906b-4fed-9e98-0cf561e8daf4",
"type": "married"
}
],
"tags": [],
"images": []
},
{
"id": "a6bbcaee-906b-4fed-9e98-0cf561e8daf4",
"email": "[email protected]",
"root": "0",
"fname": "Marie Anne",
"lname": "Pietton",
"full_name": "Marie Anne Pietton",
"birth": null,
"death": null,
"gender": "female",
"biography": null,
"albums": null,
"changed": "1616687370",
"parents": [],
"children": [
{
"id": "8bc11dae-a85f-4ded-83a0-8d6afcb425a8",
"type": "blood"
}
],
"siblings": [],
"spouses": [
{
"id": "9fbf8084-2eb6-4d54-b22d-fd4402574224",
"type": "married"
}
],
"tags": [],
"images": []
},
{
"id": "8bc11dae-a85f-4ded-83a0-8d6afcb425a8",
"email": "[email protected]",
"root": "0",
"fname": "Marie Anne ",
"lname": "Carniaux",
"full_name": "Marie Anne Carniaux",
"birth": null,
"death": null,
"gender": "female",
"biography": "lorem ipsum...",
"albums": null,
"changed": "1616687370",
"parents": [
{
"id": "9fbf8084-2eb6-4d54-b22d-fd4402574224",
"type": "blood"
},
{
"id": "a6bbcaee-906b-4fed-9e98-0cf561e8daf4",
"type": "blood"
}
],
"children": [
{
"id": "7a1c7a7e-9fa7-4727-8731-301bab60572e",
"type": "blood"
}
],
"siblings": [],
"spouses": [
{
"id": "9863cb1e-1d39-4d1d-bbea-74113ab12853",
"type": "married"
}
],
"tags": [],
"images": []
},
{
"id": "9863cb1e-1d39-4d1d-bbea-74113ab12853",
"email": "[email protected]",
"root": "0",
"fname": "Antoine",
"lname": "Proisy",
"full_name": "Antoine Proisy",
"birth": null,
"death": null,
"gender": "male",
"biography": null,
"albums": null,
"changed": "1616687370",
"parents": [],
"children": [
{
"id": "7a1c7a7e-9fa7-4727-8731-301bab60572e",
"type": "blood"
}
],
"siblings": [],
"spouses": [
{
"id": "8bc11dae-a85f-4ded-83a0-8d6afcb425a8",
"type": "married"
}
],
"tags": [],
"images": []
},
{
"id": "7a1c7a7e-9fa7-4727-8731-301bab60572e",
"email": "[email protected]",
"root": "0",
"fname": "Cyprien",
"lname": "Proisy",
"full_name": "Cyprien Proisy",
"birth": null,
"death": null,
"gender": "male",
"biography": "lorem ipsum...",
"albums": null,
"changed": "1616687911",
"parents": [
{
"id": "9863cb1e-1d39-4d1d-bbea-74113ab12853",
"type": "blood"
},
{
"id": "8bc11dae-a85f-4ded-83a0-8d6afcb425a8",
"type": "blood"
}
],
"children": [],
"siblings": [],
"spouses": [
{
"id": "e24e3195-42b4-49b8-8a4b-fe0e007e3324",
"type": "married"
}
],
"tags": [],
"images": []
},
{
"id": "e24e3195-42b4-49b8-8a4b-fe0e007e3324",
"email": "[email protected]",
"root": "0",
"fname": "Josephine",
"lname": "Gochon",
"full_name": "Josephine Gochon",
"birth": null,
"death": null,
"gender": "female",
"biography": "lorem ipsum...",
"albums": null,
"changed": "1616581783",
"parents": [
{
"id": "8cd864a4-2a61-4d79-9134-a1592c48c922",
"type": "blood"
},
{
"id": "d70fa6ca-2b54-4a99-96e5-efd3d800dcf0",
"type": "blood"
}
],
"children": [],
"siblings": [],
"spouses": [
{
"id": "7a1c7a7e-9fa7-4727-8731-301bab60572e",
"type": "married"
}
],
"tags": [],
"images": []
},
{
"id": "07a936be-80f5-4c09-9ebb-694d688b2449",
"email": "[email protected]",
"root": "0",
"fname": "Gerard",
"lname": "Gochon",
"full_name": "Gerard Gochon",
"birth": null,
"death": null,
"gender": "male",
"biography": "lorem ipsum...",
"albums": null,
"changed": "1616687151",
"parents": [
{
"id": "8d5599ba-4086-4a6d-9bf5-339164b4c2c2",
"type": "blood"
},
{
"id": "a53e9be4-8278-4659-a1f1-dbffb4ef8642",
"type": "blood"
}
],
"children": [
{
"id": "e848d300-2bbe-4052-8e22-adb2030e07df",
"type": "blood"
}
],
"siblings": [
{
"id": "d539f160-3971-4b3d-baf7-b93096862d6b",
"type": "blood"
}
],
"spouses": [
{
"id": "7c8771e6-cb42-4a24-96fc-ab074d2ddf08",
"type": "married"
}
],
"tags": [],
"images": []
},
{
"id": "7c8771e6-cb42-4a24-96fc-ab074d2ddf08",
"email": "[email protected]",
"root": "0",
"fname": "Marie ",
"lname": "Lantier",
"full_name": "Marie Lantier",
"birth": null,
"death": null,
"gender": "female",
"biography": null,
"albums": null,
"changed": "1616686879",
"parents": [],
"children": [
{
"id": "e848d300-2bbe-4052-8e22-adb2030e07df",
"type": "blood"
}
],
"siblings": [],
"spouses": [
{
"id": "07a936be-80f5-4c09-9ebb-694d688b2449",
"type": "married"
}
],
"tags": [],
"images": []
},
{
"id": "e848d300-2bbe-4052-8e22-adb2030e07df",
"email": "[email protected]",
"root": "0",
"fname": "Nicolas",
"lname": "Gochon",
"full_name": "Nicolas Gochon",
"birth": null,
"death": null,
"gender": "male",
"biography": "lorem ipsum...",
"albums": null,
"changed": "1616685014",
"parents": [
{
"id": "07a936be-80f5-4c09-9ebb-694d688b2449",
"type": "blood"
},
{
"id": "7c8771e6-cb42-4a24-96fc-ab074d2ddf08",
"type": "blood"
}
],
"children": [
{
"id": "8cd864a4-2a61-4d79-9134-a1592c48c922",
"type": "blood"
}
],
"siblings": [],
"spouses": [],
"tags": [],
"images": []
},
{
"id": "8cd864a4-2a61-4d79-9134-a1592c48c922",
"email": "[email protected]",
"root": "0",
"fname": "Jean-Baptiste",
"lname": "Gochon",
"full_name": "Jean-Baptiste Gochon",
"birth": null,
"death": null,
"gender": "male",
"biography": "lorem ipsum...",
"albums": null,
"changed": "1616685014",
"parents": [
{
"id": "e848d300-2bbe-4052-8e22-adb2030e07df",
"type": "blood"
}
],
"children": [
{
"id": "e24e3195-42b4-49b8-8a4b-fe0e007e3324",
"type": "blood"
}
],
"siblings": [],
"spouses": [
{
"id": "d70fa6ca-2b54-4a99-96e5-efd3d800dcf0",
"type": "married"
}
],
"tags": [],
"images": []
},
{
"id": "d70fa6ca-2b54-4a99-96e5-efd3d800dcf0",
"email": "[email protected]",
"root": "0",
"fname": "Catherine",
"lname": "Tricot",
"full_name": "Catherine Tricot",
"birth": null,
"death": null,
"gender": "female",
"biography": null,
"albums": null,
"changed": "1616581992",
"parents": [],
"children": [
{
"id": "e24e3195-42b4-49b8-8a4b-fe0e007e3324",
"type": "blood"
}
],
"siblings": [],
"spouses": [
{
"id": "8cd864a4-2a61-4d79-9134-a1592c48c922",
"type": "married"
}
],
"tags": [],
"images": []
}
]
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.