ngx-relationship-visualiser
Version:
A D3 force-directed-graph, implemented in Typescript for Angular, generates a visualisation graph with customisable link lengths and multiple labels between nodes. The graph can handle new data that will update lines, nodes, links, and path labels. Whenev
31 lines (30 loc) • 608 B
TypeScript
export interface Relationship {
labelIndex: number;
label: string | string[];
source: string;
target: string;
linkIcon: boolean;
}
export interface Link {
source: string;
target: string;
lineStyle: string;
sourceArrow: boolean;
targetArrow: boolean;
linkId: string;
relationships: Relationship[];
}
export interface Node {
id: string;
label: string[];
imageUrl: string;
icon: string;
fx: number | null;
fy: number | null;
additionalIcon: string;
}
export interface Data {
dataId: string;
nodes: Node[];
links: Link[];
}