@ngx-km/path-drawing

SVG path rendering component for Angular graph visualization.

Features

• SVG path rendering from waypoints
• Support for orthogonal, bezier, and straight paths
• Configurable stroke color, width, and dash patterns
• Arrow head markers (multiple styles)
• Arrow rotation based on path direction

Installation

npm install @ngx-km/path-drawing

Usage

import { PathComponent } from '@ngx-km/path-drawing';

@Component({
  imports: [PathComponent],
  template: `
    <ngx-path
      [waypoints]="waypoints"
      [style]="pathStyle">
    </ngx-path>
  `
})
export class MyComponent {}

Running unit tests

nx test ngx-path-drawing