Press "Enter" to skip to content

Angular Tree Diagram Hierarchical UI Module In Graph Style

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


  • 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": [
  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

    Leave a Reply

    Your email address will not be published.