diagram.dot

digraph G {
    antenna [shape=ellipse];
    LoRa [label = "LoRa tranciever", shape=box];

    subgraph cluster0 {
        node [style=filled,color=white];
        color=blue;
        antenna -> LoRa [dir=both]
        LoRa -> LoRaSR [dir=both,label = "SPI"];

        subgraph cluster1 {
            node [style=filled,color=white];
            style=filled;
            color=lightgrey;
            subgraph cluster2 {
                node [style=filled,color=white];
                color=red;
                LoRaSR [label = "LoRa send/receive"];
                WebServer [label = "Web Server"];
                LoRaSR -> WebServer [dir=both];
                labeljust = l;
                label = "firmware";
            }
            FS -> WebServer;
            subgraph cluster3 {
                node [style=filled,color=white];
                color=green;
                FS [label = "JavaScript/Preact"];
                labeljust = l;
                label = "file system"
            }
            labeljust = l;
            label = "ESP8266";
        }
        label = "disaster.node1";
    }
    WebServer -> JS [dir=both, label="websocket over WiFi"];
    subgraph cluster4 {
        node [style=filled,color=white];
        color=yellow;
        JS [shape=none,label = "Running JavaScript/Preact"]
        JS -> maps [dir=both];
        JS -> apps [dir=both];
        JS -> chat [dir=both];
        label = "client device"
    }

    disasternode2 [label = "disaster.node2", shape = "box", color = blue]

    antenna -> disasternode2 
    disasternode2 -> antenna [label = "900MHz RF"];

}