Individual skill

msagljs

Use MSAGL-JS (Microsoft Automatic Graph Layout) to lay out and visualize networks in JavaScript or TypeScript. Use for graph and network layout, DOT/JSON/JGF parsing, live embedded SVG or WebGL graphs, Sugiyama/MDS/IPSepCola layouts, edge routing, and exporting SVG, PDF, PNG, EPS, or PostScript figures for LaTeX and other documents.

skills/msagljs/SKILL.md

Read pinned source

Source commit ad462d114d1e410ff854d86a4df6da308f17b9e0

What was checked

Matches the observed repository HEAD: Yes
Scanner rules are current: No
Repository scan complete: No
Skill scan complete: No
Observed behavior: Not checked yet
Last checked: Nov 5, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings): 175
Repository last updated: Nov 5, 2026
License: MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

graph Repository topic
layout Repository topic
agent-skills Repository topic
engineering Derived category

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files

SKILL.mdcore · 4,702 bytes
SKILL.mdcore · 4,702 bytes
SKILL.mdcore · 4,702 bytes
SKILL.mdcore · 4,702 bytes
SKILL.mdcore · 4,702 bytes
SKILL.mdcore · 4,702 bytes
SKILL.mdcore · 4,702 bytes
examples/core-layout.tsruns · 1,113 bytes
examples/latex-figure.texasset · 246 bytes
examples/live-page.htmlasset · 1,323 bytes
examples/live-svg-page.tsruns · 2,527 bytes
examples/live-webgl-page.tsruns · 1,070 bytes
examples/network.dotasset · 215 bytes
examples/network.jgfasset · 332 bytes
examples/network.jsonasset · 453 bytes
examples/network.txtdoc · 25 bytes
references/browser-renderers.mddoc · 2,362 bytes
references/core-layout.mddoc · 2,619 bytes
references/document-export.mddoc · 2,416 bytes
references/layout-and-routing.mddoc · 2,008 bytes
references/live-web-embedding.mddoc · 3,257 bytes
references/packages-and-inputs.mddoc · 3,974 bytes
references/troubleshooting.mddoc · 1,975 bytes
scripts/package-lock.jsonasset · 40,814 bytes
scripts/package.jsonruns · 224 bytes
scripts/render-network.mjsruns · 14,227 bytes
scripts/smoke-live-page.mjsruns · 3,730 bytes

Read excerpt


# MSAGL-JS

Use this skill to add automatic graph layout or network visualization with the
`@msagl/*` packages.

## Choose the workflow

| Goal | Workflow |
| --- | --- |
| Compute node positions and routed edge curves without a viewer | [Core layout](references/core-layout.md) |
| Embed an interactive graph that appears when a page loads | [Live web embedding](references/live-web-embedding.md) |
| Add or configure the SVG or WebGL renderer | [Browser renderers](references/browser-renderers.md) |
| Select a layout algorithm or edge-routing mode | [Layout and routing](references/layout-and-routing.md) |
| Generate SVG, PDF, PNG, EPS, or PostScript for a document | [Document export](references/document-export.md) |