ngx-graph
A Graph visualization for angular
Documentation & Demos
https://swimlane.github.io/ngx-graph/
Installation
npm install @swimlane/ngx-graph --save
- Import
NgxGraphModule
into your module - Use the
ngx-graph
component in your components
Usage
Simple
Custom Templates
{{node.label}} {{link.label}}
Data
Nodes
id: '1' label: 'Node A' id: '2' label: 'Node B' id: '3' label: 'Node C' id: '4' label: 'Node D' id: '5' label: 'Node E' id: '6' label: 'Node F'
Edges
id: 'a' source: '1' target: '2' id: 'b' source: '1' target: '3' id: 'c' source: '3' target: '4' id: 'd' source: '3' target: '5' id: 'e' source: '4' target: '5' id: 'f' source: '2' target: '6'
Clusters
id: 'cluster0' label: 'Cluster node' childNodeIds: '2' '3'
Credits
ngx-graph
is a Swimlane open-source project; we believe in giving back to the open-source community by sharing some of the projects we build for our application. Swimlane is an automated cyber security operations and incident response platform that enables cyber security teams to leverage threat intelligence, speed up incident response and automate security operations.
SecOps Hub is an open, product-agnostic, online community for security professionals to share ideas, use cases, best practices, and incident response strategies.