Function parseNode

storm-webapp/src/main/webapp/js/visualization.js:246–311

(nodeJson, nodeId)

}

function parseNode(nodeJson, nodeId) {
    // Conditional hack for system components
    if (isSystemComponent(nodeId)) {
        nodeJson[":type"] = "system";
    }

    // Determine node color
    var col = "#D2E5FF"
    var selectedCol = "#97C2FC";
    var shape = "dot"

    if (nodeJson[":type"] === "bolt") {
        // Determine color based on capacity
        var cap = Math.min(nodeJson[":capacity"], 1);
        var red = Math.floor(cap * 225) + 30;
        var green = Math.floor(255 - red);
        var blue = Math.floor(green/5);
        col = "rgba(" + red + "," + green + "," + blue + ",1)"
        selectedCol = "rgba(" + (red+2) + "," + (green) + "," + (green + 2) + ",1)"
    }
    if (nodeJson[":type"] === "spout") {
        shape = "triangleDown";
        col = "#D2E5FF";
        selectedCol = "#97C2FC"
    }
    if (nodeJson[":type"] === "system") {
        shape = "diamond";
        col = "#ffe6cc";
        selectedCol = "#ffc180";
    }

    // Generate title as DOM element (vis-network 10 does not render HTML strings)
    var title = tooltipElement([
        { text: nodeId, bold: true },
        { text: "Capacity: " + nodeJson[":capacity"] },
        { text: "Latency: " + nodeJson[":latency"] }
    ])

    // Construct the node
    var node = {
        "id": nodeId,
        "label": nodeId,
        "color": {
            "background": col,
            "highlight": {
                "background": selectedCol
            }
        },
        "shape": shape,
        "shadow": {
            "enabled": true
        },
        "title": title,
        "size": 45
    };

    // Construct edges
    for (var index in nodeJson[":inputs"]) {