digraph G {
    bgcolor=transparent
    graph [rankdir="LR" fontname="helvetica" labeljust="l"]
    node [shape="box" fontname="monospace" fontsize=8 color=gray70 style=filled fillcolor=white];
    edge [color="#EDEBDF" arrowsize=0.8]
    subgraph cluster_11 {
        label="\lPython Server";
        fontcolor=gray30
        margin=10
        color=none
        subgraph cluster_thread_2 {
            graph [
                label="\lPerspectiveManager - Thread 2";
                style=filled
                fillcolor="#91A4A8"
                color=none
                fontcolor="#EDEBDF"
                fontsize=10
                margin=10
            ]
            table_thread_2 [
                label="table(df)"
                width=1
                color=none
                fillcolor="#E6E2DA"
            ]
            view_thread_2 [
                label="view({\l    group_by: [\"State\"]]\l})\l"
                width=2.5
                color=none
                fillcolor="#EDEBDF"
            ]
    

            table_thread_2 -> view_thread_2;
        }

    }
    subgraph cluster_browser {
        graph [
            label="\lBrowser";
            color="#CADEE1";
            margin=10
            style=filled;
            fontcolor=gray30
        ]

        subgraph cluster_webworker2 {
            graph [
                label="\lWebWorker 2";
                style=filled
                margin=10
                fillcolor="#2D4C68"
                color=none
                fontcolor="#EDEBDF"
                fontsize=10
            ]
            table12 [
                label="table(...)"
                width=1
                color=none
                fillcolor="#E6E2DA"
            ]

            view12 [
                label="view({\l    group_by: [\"Category\"]\l    filter: [[\"State\",\"==\",\"Texas\"]]\l})\l"
                width=2.5
                color=none
                fillcolor="#EDEBDF"
            ]

            table12 -> {view12}  [color="#E6E2DA"];
        }

        view_thread_2  -> table12 [penwidth=2 style=dashed arrowhead=none color="#D1A043"];
 
        subgraph cluster_41 {
           graph [
                label="\l<html>";
                color=none
                fillcolor=white
                fontcolor=gray30
                fontsize=10
                fontname="monospace" fontsize=8 color=none 

            ]
           
            viewer5 [
                label = "<perspective-viewer\l    view=\"heatmap\"\l    row-pivots='[\"State\"]\l    column-pivots='[\"Segment\"]'>\l"
                width=2.8
            ];
            view12 -> viewer5 [penwidth=2 style=dashed arrowhead=none color="#666"];
        }
      
        
    }	
}