PERT

A PERT-chart, also known as a network chart, visualizes object hierarchies. Tasks are displayed as cards, edges are displayed as arrows between task cards.

Opening a PERT-chart

To open a PERT-chart, use the menu action "pert".

{
    "label": "Network Chart",
    "icon": "icon-grid",
    "action": "pert",
    "actionValues": [
        {
            "pert": {
                "pertTree": "my-tree"
            }
        }
    ]
}

"pertTree" defines which Insight tree should be visualized as a PERT-chart.

Configuration of a PERT-chart

To help Insight understand which nodes of a tree configuration should be visualized as tasks and edges, mark them as either task or edge.

{
    "name": "my-example-node",
    "title": "Task Examples",
    "label": "${myLabelAttribute}",
    "icon": "icon-site-map",
    "pert": {
        "task": true,
        "lane": "mylaneAttribute"
    }
}

• All objects marked as task will be rendered as task cards.
• If you want to have several lanes, add the "lane" setting and reference the attribute which holds the lane-value for each object.
• If you want to have several groups, add the "group" setting and reference the attribute which holds the group-value for each object.

{
    "name": "my-example-node",
    "title": "Edge Examples",
    "label": "\${myLabelAttribute}",
    "icon": "icon-site-map",
    "pert": {
        "edge": true,
        "edgeStart": "sourceId",
        "edgeEnd": "targetId"
    }
}

• All objects marked as edge will be rendered as edges between tasks.
• One edge-object always points from one source to one target. Please make sure both exist in the set of task data.

Layout of a PERT-chart

You can adapt the two base sizes the PERT-chart is rendered from: padding and taskSize. Both baseValues are set to 80.

{
    "name": "my-example-node",
    "title": "Task Examples",
    "label": "${myLabelAttribute}",
    "icon": "icon-site-map",
    "pert": {
        "task": true,
        "lane": "mylaneAttribute",
        "padding": 40,
        "taskSize: 200
    }
}

You can override node.label for the pert's task label specifically.

{
    "name": "my-example-node",
    "title": "Task Examples",
    "label": "${myLongLabelAttribute}",
    "icon": "icon-site-map",
    "pert": {
        "task": true,
        "lane": "mylaneAttribute",
        "label": "${myShortLabelAttribute}",
    }
}

You can add additional attributes to the task card's layout, which will be shown when clicking on a task. By default, node.label, node.temporal, node.color and node.description are displayed.

{
    "name": "my-example-node",
    "title": "Task Examples",
    "label": "${myLabelAttribute}",
    "icon": "icon-site-map",
    "pert": {
        "task": true,
        "lane": "mylaneAttribute",
        "attributes": ["id", "owner", "priority"],
    }
}