{
 "slug": "everything-is-connected",
 "title": "Everything is connected",
 "subtitle": "What a graph is (not a diagram), the whodunit, a graph becoming a map, groups of groups, provenance, and starting anywhere. 12 panels.",
 "status": "draft",
 "book_version": "v1.0.0 (the second edition does not exist yet)",
 "by": "gen-z.journalist, 18 October 2026, from Dinis's memo on graphs",
 "quote_source": "admin/content/articles/13__everything-is-connected.md",
 "rule": "Every line the Guide says, and every quote card, is from the article 'Everything is connected', word for word; the build checks it. The whodunit, the forest and the provenance chain are the storyboard's illustrations.",
 "scenes": [
  {
   "kind": "cover",
   "title": "Everything is connected",
   "subtitle": "A graph is a network of nodes and edges. Start anywhere.",
   "cast": [
    {
     "who": "zara",
     "pose": "point",
     "mood": "happy"
    },
    {
     "who": "priya",
     "pose": "think",
     "mood": "thinking"
    },
    {
     "who": "tomas",
     "pose": "stand",
     "mood": "happy"
    },
    {
     "who": "guide",
     "pose": "wave",
     "mood": "happy"
    }
   ],
   "note": "One of the book's most fundamental ideas.",
   "source": "Everything is connected"
  },
  {
   "kind": "scene",
   "setting": "office",
   "caption": "Not a diagram",
   "cast": [
    {
     "who": "priya",
     "x": 0.24,
     "pose": "shrug",
     "mood": "thinking",
     "says": "A graph? Like a bar chart?"
    },
    {
     "who": "guide",
     "x": 0.76,
     "pose": "point",
     "mood": "happy",
     "flip": true,
     "says": "nodes, and the edges that connect them"
    }
   ],
   "note": "Never a chart, never a figure: a network.",
   "source": "Everything is connected, A graph is not a diagram"
  },
  {
   "kind": "graph",
   "caption": "The whodunit: who broke the build?",
   "graph": {
    "style": "detective",
    "nodes": [
     {
      "id": "broke",
      "label": "the build broke at 9:14",
      "x": 0.12,
      "y": 0.15,
      "colour": "#fecaca"
     },
     {
      "id": "commit",
      "label": "commit a3f",
      "x": 0.4,
      "y": 0.08
     },
     {
      "id": "pr",
      "label": "the agent's pull request",
      "x": 0.62,
      "y": 0.38
     },
     {
      "id": "tests",
      "label": "tests skipped",
      "x": 0.88,
      "y": 0.18,
      "colour": "#fecaca"
     },
     {
      "id": "tomas",
      "label": "Tomás, on holiday",
      "x": 0.16,
      "y": 0.72
     },
     {
      "id": "dep",
      "label": "a library updated",
      "x": 0.45,
      "y": 0.75
     },
     {
      "id": "review",
      "label": "approved in 40 seconds",
      "x": 0.85,
      "y": 0.72
     }
    ],
    "edges": [
     {
      "from": "broke",
      "to": "commit",
      "label": "after"
     },
     {
      "from": "commit",
      "to": "pr",
      "label": "merged from"
     },
     {
      "from": "pr",
      "to": "tests",
      "label": "skipped"
     },
     {
      "from": "pr",
      "to": "dep",
      "label": "includes"
     },
     {
      "from": "pr",
      "to": "review",
      "label": "approved"
     },
     {
      "from": "tomas",
      "to": "dep",
      "label": "pinned it, once"
     }
    ],
    "path": [
     "broke",
     "commit",
     "pr",
     "tests"
    ]
   },
   "note": "The detective's board is a graph. The highlighted path is the answer: from A to B. (A made-up case.)",
   "source": "Everything is connected, The whodunit"
  },
  {
   "kind": "graph",
   "caption": "Zara's first job, as a graph",
   "graph": {
    "nodes": [
     {
      "id": "zara",
      "label": "Zara",
      "x": 0.5,
      "y": 0.02,
      "kind": "person",
      "colour": "#ddd6fe"
     },
     {
      "id": "job",
      "label": "a first job",
      "x": 0.32,
      "y": 0.2
     },
     {
      "id": "portfolio",
      "label": "work people can see",
      "x": 0.66,
      "y": 0.3
     },
     {
      "id": "cv",
      "label": "a CV",
      "x": 0.12,
      "y": 0.42
     },
     {
      "id": "workflow",
      "label": "her agentic workflow",
      "x": 0.44,
      "y": 0.55
     },
     {
      "id": "site",
      "label": "a website",
      "x": 0.86,
      "y": 0.58
     },
     {
      "id": "models",
      "label": "AI models",
      "x": 0.24,
      "y": 0.78
     },
     {
      "id": "cloud",
      "label": "cloud",
      "x": 0.66,
      "y": 0.82
     },
     {
      "id": "power",
      "label": "electricity",
      "x": 0.92,
      "y": 0.97
     }
    ],
    "edges": [
     {
      "from": "zara",
      "to": "job",
      "label": "needs"
     },
     {
      "from": "job",
      "to": "portfolio",
      "label": "won by"
     },
     {
      "from": "job",
      "to": "cv"
     },
     {
      "from": "portfolio",
      "to": "workflow",
      "label": "made with"
     },
     {
      "from": "portfolio",
      "to": "site"
     },
     {
      "from": "workflow",
      "to": "models",
      "label": "runs on"
     },
     {
      "from": "site",
      "to": "cloud"
     },
     {
      "from": "models",
      "to": "cloud"
     },
     {
      "from": "cloud",
      "to": "power"
     }
    ]
   },
   "note": "Nodes and edges; positions mean nothing yet.",
   "source": "Everything is connected, A map is a graph with positions"
  },
  {
   "kind": "scene",
   "setting": "none",
   "caption": "When a graph becomes a map",
   "cast": [
    {
     "who": "guide",
     "x": 0.25,
     "pose": "point",
     "mood": "happy",
     "says": "a map is a graph with positioning"
    },
    {
     "who": "zara",
     "x": 0.75,
     "pose": "think",
     "mood": "thinking",
     "flip": true
    }
   ],
   "note": "Dinis's talk: 'Its a graph with context'; 'When a graph becomes a Map'.",
   "source": "Everything is connected, A map is a graph with positions"
  },
  {
   "kind": "map",
   "caption": "The same nodes, now positioned: a Wardley map",
   "map": {
    "axis": "wardley",
    "nodes": [
     {
      "id": "zara",
      "label": "Zara",
      "x": 0.6,
      "y": 0.0,
      "anchor": true
     },
     {
      "id": "job",
      "label": "a first job",
      "x": 0.52,
      "y": 0.15
     },
     {
      "id": "portfolio",
      "label": "work people can see",
      "x": 0.33,
      "y": 0.34
     },
     {
      "id": "cv",
      "label": "a CV",
      "x": 0.86,
      "y": 0.3
     },
     {
      "id": "workflow",
      "label": "her agentic workflow",
      "x": 0.16,
      "y": 0.55,
      "highlight": true
     },
     {
      "id": "site",
      "label": "a website",
      "x": 0.66,
      "y": 0.52
     },
     {
      "id": "models",
      "label": "AI models",
      "x": 0.56,
      "y": 0.74
     },
     {
      "id": "cloud",
      "label": "cloud",
      "x": 0.84,
      "y": 0.8
     },
     {
      "id": "power",
      "label": "electricity",
      "x": 0.93,
      "y": 0.97
     }
    ],
    "links": [
     [
      "zara",
      "job"
     ],
     [
      "job",
      "portfolio"
     ],
     [
      "job",
      "cv"
     ],
     [
      "portfolio",
      "workflow"
     ],
     [
      "portfolio",
      "site"
     ],
     [
      "workflow",
      "models"
     ],
     [
      "site",
      "cloud"
     ],
     [
      "models",
      "cloud"
     ],
     [
      "cloud",
      "power"
     ]
    ],
    "moves": [
     {
      "from": "workflow",
      "to": 0.42,
      "label": "everything moves"
     }
    ]
   },
   "note": "Visibility and evolution give every node a place.",
   "source": "Everything is connected, A map is a graph with positions"
  },
  {
   "kind": "graph",
   "caption": "Groups of groups: the abstraction layers",
   "graph": {
    "nodes": [
     {
      "id": "photon",
      "label": "sunlight",
      "x": 0.06,
      "y": 0.08,
      "colour": "#fef08a"
     },
     {
      "id": "chloro",
      "label": "chloroplast",
      "x": 0.34,
      "y": 0.58
     },
     {
      "id": "cell2",
      "label": "cell",
      "x": 0.45,
      "y": 0.7
     },
     {
      "id": "leaf2",
      "label": "another leaf",
      "x": 0.65,
      "y": 0.55
     },
     {
      "id": "roots",
      "label": "roots",
      "x": 0.55,
      "y": 0.8
     },
     {
      "id": "tree2",
      "label": "another tree",
      "x": 0.86,
      "y": 0.55
     },
     {
      "id": "rain",
      "label": "rain",
      "x": 0.95,
      "y": 0.08,
      "colour": "#bfdbfe"
     }
    ],
    "edges": [
     {
      "from": "photon",
      "to": "chloro",
      "label": "powers"
     },
     {
      "from": "chloro",
      "to": "cell2"
     },
     {
      "from": "cell2",
      "to": "leaf2"
     },
     {
      "from": "leaf2",
      "to": "roots"
     },
     {
      "from": "rain",
      "to": "roots",
      "label": "feeds"
     },
     {
      "from": "tree2",
      "to": "leaf2"
     }
    ],
    "groups": [
     {
      "id": "leaf",
      "label": "a leaf",
      "nodes": [
       "chloro",
       "cell2"
      ],
      "pad": 60
     },
     {
      "id": "tree",
      "label": "a tree",
      "nodes": [
       "leaf",
       "leaf2",
       "roots"
      ],
      "pad": 120
     },
     {
      "id": "forest",
      "label": "a forest",
      "nodes": [
       "tree",
       "tree2"
      ],
      "pad": 175
     }
    ]
   },
   "note": "Nature as a gigantic graph: groups of groups form natural abstraction layers, which is how we think.",
   "source": "Everything is connected, Graphs of graphs"
  },
  {
   "kind": "evidence",
   "setting": "none",
   "caption": "Fractal",
   "cast": [
    {
     "who": "guide",
     "x": 0.2,
     "pose": "point",
     "mood": "happy"
    }
   ],
   "evidence": {
    "quote": "There is no top and no bottom. There is only the altitude you happen to be looking from, and how much definition you choose to load at it.",
    "source": "Introducing fractal semantic graphs (newsroom)"
   },
   "note": "Graphs of graphs.",
   "source": "Everything is connected, Graphs of graphs"
  },
  {
   "kind": "graph",
   "caption": "Provenance is a graph",
   "graph": {
    "nodes": [
     {
      "id": "claim",
      "label": "a claim in an article",
      "x": 0.1,
      "y": 0.3
     },
     {
      "id": "post",
      "label": "the post it cites",
      "x": 0.36,
      "y": 0.3
     },
     {
      "id": "study",
      "label": "the study",
      "x": 0.62,
      "y": 0.3
     },
     {
      "id": "data",
      "label": "the data",
      "x": 0.88,
      "y": 0.3
     },
     {
      "id": "other",
      "label": "another article",
      "x": 0.36,
      "y": 0.78
     },
     {
      "id": "rumour",
      "label": "a rumour",
      "x": 0.7,
      "y": 0.78,
      "colour": "#fecaca"
     }
    ],
    "edges": [
     {
      "from": "claim",
      "to": "post",
      "label": "cites"
     },
     {
      "from": "post",
      "to": "study",
      "label": "summarises"
     },
     {
      "from": "study",
      "to": "data",
      "label": "measured"
     },
     {
      "from": "other",
      "to": "rumour",
      "label": "cites"
     },
     {
      "from": "other",
      "to": "post",
      "label": "copies"
     }
    ],
    "path": [
     "claim",
     "post",
     "study",
     "data"
    ]
   },
   "note": "Follow the edges back to the source; a chain that ends in a rumour is a finding too.",
   "source": "Everything is connected, How I see the world"
  },
  {
   "kind": "evidence",
   "setting": "none",
   "caption": "Why the edges matter",
   "cast": [
    {
     "who": "tomas",
     "x": 0.2,
     "pose": "think",
     "mood": "thinking"
    }
   ],
   "evidence": {
    "quote": "A node connected to nothing is literally meaningless.",
    "source": "The graphs books (newsroom)"
   },
   "note": "Meaning comes from the connections.",
   "source": "Everything is connected, Graphs of graphs"
  },
  {
   "kind": "scene",
   "setting": "night",
   "caption": "Start anywhere",
   "cast": [
    {
     "who": "zara",
     "x": 0.24,
     "pose": "shrug",
     "mood": "worried",
     "says": "There's so much. Where do I even start?"
    },
    {
     "who": "guide",
     "x": 0.76,
     "pose": "stand",
     "mood": "happy",
     "flip": true,
     "says": "It does not matter where you start; it matters that you start.",
     "max": 22
    }
   ],
   "note": "A graph has no front page; whatever node you start from, the edges take you to the rest.",
   "source": "Everything is connected, Start anywhere"
  },
  {
   "kind": "punchline",
   "setting": "none",
   "punchline": "Everything is connected. Start anywhere.",
   "cast": [
    {
     "who": "zara",
     "x": 0.12,
     "pose": "arms-up",
     "mood": "happy"
    },
    {
     "who": "priya",
     "x": 0.27,
     "pose": "stand",
     "mood": "happy"
    },
    {
     "who": "tomas",
     "x": 0.42,
     "pose": "stand",
     "mood": "happy"
    }
   ],
   "note": "The two halves of the chapter.",
   "source": "Everything is connected"
  }
 ]
}