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_1 {
            graph [
                label="\lPerspectiveManager - Thread 1";
                style=filled
                fillcolor="#91A4A8"
                color=none
                fontcolor="#EDEBDF"
                fontsize=10
                margin=10
            ]
            table_thread_1 [
                label="table(arrow)"
                width=1
                color=none
                fillcolor="#E6E2DA"
            ]
            view_thread_1 [
                label="view({\l    group_by:'[\"State\"]\l    split_by:'[\"Segment\"]'\l})\l"
                width=2.5
                color=none
                fillcolor="#EDEBDF"
            ]
            table_thread_1 -> view_thread_1;
        }
    }
    subgraph cluster_browser {
        graph [
            label="\lBrowser";
            color="#CADEE1";
            margin=10
            style=filled;
            fontcolor=gray30
        ]

        subgraph cluster_41 {
           graph [
                label="\l<html>";
                color=none
                fillcolor=white
                fontcolor=gray30
                fontsize=10
                fontname="monospace" fontsize=8 color=none 

            ]

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