Skip to content
flowss
Start freeChecking your session
Graphviz (DOT) templates

Smart Home Topology

Zigbee + Wi-Fi + Matter devices behind a local hub with cloud companion.

Graphviz (DOT)ArchitectureGraphviz (DOT) syntax docs
Template previewGraphviz (DOT)
Rendering…

Make it your own.

digraph sh {
  rankdir=LR;
  graph [bgcolor=transparent];
  node [shape=box, style="rounded,filled", fontname=Inter, fontsize=10];

  Hub [label="Smart hub\n(local processing)", fillcolor="#dbeafe"];
  Z1 [label="Zigbee bulb"]; Z2 [label="Zigbee sensor"]; Z3 [label="Zigbee switch"];
  M1 [label="Matter thermostat"]; M2 [label="Matter lock"];
  W1 [label="Wi-Fi camera"]; W2 [label="Voice assistant"];

  Phone [label="Phone app", fillcolor="#dcfce7"];
  Cloud [label="Vendor cloud (optional)", fillcolor="#ede9fe"];

  Hub -> Z1 [label="Zigbee"];
  Hub -> Z2 [label="Zigbee"];
  Hub -> Z3 [label="Zigbee"];
  Hub -> M1 [label="Matter/Thread"];
  Hub -> M2 [label="Matter/Thread"];
  Hub -> W1 [label="Wi-Fi"];
  Hub -> W2 [label="Wi-Fi"];
  Phone -> Hub [label="LAN"];
  Phone -> Cloud [label="remote"];
  Cloud -> Hub [label="push"];
}