Angular Tree Diagram is a simple and customizable hierarchical UI module tree diagram for Angular 2+.
angular tree component examples, angular2 tree diagram component, best angular tree component, angular flow diagram, diagrams in angular, syncfusion diagram angular
Features
- Drag and drop
- Zoom and move
- Configurable node width/height
- Add / remove nodes
- Tree-like user interface
- pure CSS relation fonts
- no dependencies
Highly Customizable Diagram Flowchart Editor Support for Vue.js
How to make use of it:
Download & Usage
<tree-diagram [data]="data"></tree-diagram> ... 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 } }
Tree Diagram Angular 2+ Hierarchical UI module Plugin/Github
See Demo And Download
Official Website(Rement): Click Here
This superior jQuery/javascript plugin is developed by Rement. For extra advanced usage, please go to the official website.
Be First to Comment