NgxViz

This project was generated using Angular CLI version 19.0.7.

This is a simple Angular viz.js wrapper component to render DOT graphs.

Setup

📦 npm i @myrmidon/ngx-viz.

Usage

In your component template:

<div style="width: 800px; height: 600px;">
  <ngx-viz [code]="graphCode" />
</div>

where graphCode is the code to display, e.g.:

@Component({
  // ...
  imports: [
    VizComponent
  ]
  // ...
})
export class YourComponent {
  graphCode = `
    digraph {
      A -> B;
      B -> C;
      C -> A;
    }
  `;
}

History

0.0.3

• 2025-01-12: refactored script loading for Viz to handle the case where AMD module might already be present and prevent duplicate script loading.

0.0.2

• 2025-01-12: refactored script loading for Viz.

0.0.1

• 2025-01-11: initial commit.