Code Snippets Graphviz (DOT)

Short texts Graphviz (DOT) 🧑‍💻 Code snippets Graphviz (DOT) ✍️ Reading lists Graphviz (DOT) 👀

visualize-ms-arch-step-2.dot

digraph architecture { rankdir=LR; // Storage – #303F9F (dark blue) node[fillcolor=”#303F9F” style=”filled” fontcolor=”white”]; database[label=”DB”]; cache[label=”Redis”]; // Client-side Apps – #FFEB3B (yellow) node[fillcolor=”#FFEB3B” style=”filled” fontcolor=”black”]; front_end[label=”Front-end App”]; extension[label=”Browser Extension”]; // Microservices – #C8E6C9 (light green) node[fillcolor=”#C8E6C9″ style=”filled” fontcolor=”black”]; photos_ms[label=”Photos MS”]; chats_ms[label=”Chats MS”]; friends_ms[label=”Friends MS”]; // API Gateways – #FFCCBC (light orange) node[fillcolor=”#FFCCBC” style=”filled” fontcolor=”black”]; auth_api[label=”Auth API”]; […]

event_sourcing.dot

digraph demo { node[shape=record style=filled] Aa [label=”User” fillcolor=”yellow”]; Ab [label=”Checkout” fillcolor=”lightblue”]; Ac [label=”Checkout\nSelected” fillcolor=”darkorange”]; Ac1 [label=”Multiple\nOffers\nBundled” fillcolor=”darkorange”]; Ad [label=”Mailing\nAddress\nProvided” fillcolor=”darkorange”]; Ad1 [label=”Billing\nAddress\nProvided” fillcolor=”darkorange”]; Ae_1 [label=”Address” fillcolor=”lightyellow”]; Ae [label=”Tax\nand\nShipping\nCalculated” fillcolor=”darkorange”]; Af [label=”Inventory\nUpdated” fillcolor=”darkorange”]; Af_1 [label=”Inventory” fillcolor=”lightyellow”]; Af_2 [label=”Inventory\nSystem” fillcolor=”pink”]; Ag [label=”Process\nPayment” fillcolor=”lightblue”]; Ah [label=”Payment\nProcessed” fillcolor=”darkorange”]; Ah_1 [label=”Visa,\nMC,\nAmerican Express” fillcolor=”pink”]; Ai [label=”Fulfill\nOrder” fillcolor=”lightblue”]; Ai_1 [label=”Order” fillcolor=”lightyellow”]; Aj […]

event_sourcing_generator.dot

#include “common.dot” digraph demo { node[shape=record style=filled] Actor(Aa, “User”) Command(Ab, “Checkout”) Event(Ac, “Checkout\nSelected”) Event(Ac1, “Multiple\nOffers\nBundled”) Event(Ad, “Mailing\nAddress\nProvided”) Event(Ad1, “Billing\nAddress\nProvided”) Aggregate(Ae_1, “Address”) Event(Ae, “Tax\nand\nShipping\nCalculated”) Event(Af, “Inventory\nUpdated”) Aggregate(Af_1, “Inventory”) System(Af_2, “Inventory\nSystem”) Command(Ag, “Process\nPayment”) Event(Ah, “Payment\nProcessed”) System(Ah_1, “Visa,\nMC,\nAmerican Express”) Command(Ai, “Fulfill\nOrder”) Aggregate(Ai_1, “Order”) Event(Aj, “Warehouse\nNotified”) System(Aj_1, “Warehouse\nSystem”) Event(Ak, “Order\nFulfilled”) Aa -> Ab -> Ac -> Ad -> Ae […]

Org/Space CRs

digraph G { fontname = “Bitstream Vera Sans” fontsize = 8 concentrate = true node [ fontname = “Bitstream Vera Sans” fontsize = 8 shape = “record” ] edge [ fontname = “Bitstream Vera Sans” fontsize = 8 arrowsize = 0.5 ] subgraph clusterOrg { label = “Org CR” color = darkgrey Org [ label […]

loadgen-parts.dot

digraph G { subgraph cluster_client { label = “client machine” loadGen -> ag_solo loadGen [ label=”loadGen\n(node.js)”] } ag_solo -> RPC subgraph cluster_0 { label=”chain” RPC } RPC [label=”RPC\n(sentry OK)”] }