ELKJs

ELKJs(title::String, graph::Dict{String,Any})

Automatic graph layout using ELK.js (Eclipse Layout Kernel).

Fields

• title::String: Graph title
• graph::Dict{String,Any}: ELK graph definition with nodes and edges

Examples

using Patchwork

graph = Patchwork.ELKJs(
    "Flow Diagram",
    Dict{String,Any}(
        "id" => "root",
        "layoutOptions" => Dict("elk.algorithm" => "layered"),
        "children" => [
            Dict("id" => "n1", "width" => 80, "height" => 40),
            Dict("id" => "n2", "width" => 80, "height" => 40),
            Dict("id" => "n3", "width" => 80, "height" => 40),
        ],
        "edges" => [
            Dict("id" => "e1", "sources" => ["n1"], "targets" => ["n2"]),
            Dict("id" => "e2", "sources" => ["n2"], "targets" => ["n3"]),
        ],
    ),
)

dashboard = Patchwork.Dashboard("Dashboard", [Patchwork.Tab("Graph", [graph])])
save(dashboard, "output.html")