Layout graphs in JavaScript/TypeScript using ELK JSON formats.
npx skills add https://github.com/brocef/skill-cefailures --skill elkjs
Please help me install this Agent Skill. Skill: elkjs Source: https://github.com/brocef/skill-cefailures/tree/main/skills/elkjs Command: npx skills add https://github.com/brocef/skill-cefailures --skill elkjs
Graph layout is complex and time-consuming; elkjs provides a robust JavaScript/TypeScript interface to run ELK layout algorithms and produce coordinates for nodes, ports, labels, and edges in ELK's JSON format.
Invoke elk.layout on a graph object to compute node/port coordinates and edge routes.
High-intent search queries and answers about installing and using this skill.
Compute graph layouts in JavaScript using ELK JSON format by invoking the elk.layout function on a graph object. This processes nodes, ports, labels, and edges to generate precise coordinates and edge routes for diagram rendering.
Available layout algorithms for generating diagram coordinates in TypeScript include layered, stress, mrtree, radial, force, and disco. These algorithms support diverse layout needs and can be configured using per-element layoutOptions or global defaults.
You can run non-blocking graph layouts in web apps with elkjs using its built-in Web Worker support. This allows complex layout calculations for large diagrams to execute asynchronously without freezing the user interface.
Configure per-element layout options versus global defaults for graph rendering by setting layoutOptions on individual nodes, ports, or edges within the ELK JSON structure, overriding global algorithm defaults for granular control over diagram generation.
The best way to inspect available layout algorithms and options before rendering a graph is by calling knownLayoutAlgorithms() and knownLayoutOptions(). These API functions expose available configurations for robust diagram generation and debugging workflows.
silversteinCreate and analyze graph structures with NetworkX in Python.
edwinhuGenerate interactive and static visual mockups for diagrams and charts.
javierhbrApply Dagre algorithm layouts to React Flow graph nodes and edges.
Aniket-a14Arrange React Flow nodes and edges hierarchically using the Dagre algorithm.
