d3 implementation of a 2-way tree.
It extends Mike Bostock's D3 tree layout example
This is essentially a graph focused on a single root node that you want to display its parents and children for. Unlike other D3 graphs, there is a static up/down direction of the tree fanout, which informs the user of parent vs child nodes.
An example of the input data is found in sample.json. This is a snapshot of the wikipedia category "Airlines". The visualization shows some of the subcategories of "Airlines" as well as the categories of "Airlines".
{
"name": "Airlines",
"parents": [
{
"name": "Aviation",
"isparent": true
},
{
"name": "Transparent_companies",
"isparent": true
},
{
"name": "Transport_operators",
"isparent": true
}
],
"children": [
{
"name": "Airline_alliances",
"isparent": false
},
{
"name": "Airlines_by_continent",
"isparent": false
},
{
"name": "Airlines_by_type",
"isparent": false
},
{
"name": "Defunct_airlines",
"isparent": false
}
]
}
just change some layout for Chinese convention.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent