Angular tree diagram

$3

This is Angular 2+ Hierarchical UI module.

$3

$3

On gh-pages

$3

- Drag and drop
- Zoom and pan
- Configurable node width/height
- Add/remove nodes
- Tree-like UI
- Pure CSS relation lines
- No dependencies

$3

``
npm i angular2-tree-diagram
`

$3

- Import module in your project
- Use tree-diagram directive
- Pass array of nodes and config
- See example.json for more details

$3

`

...
data = {
json: [
{
"guid": "bc4c7a02-5379-4046-92be-12c67af4295a",
"displayName": "Elentrix",
"children": [
"85d412c2-ebc1-4d56-96c9-7da433ac9bb2",
"28aac445-83b1-464d-9695-a4157dab6eac"
]
},
...
],
config: {
nodeWidth: 200,
nodeHeight: 100
}
}
``