digraph G {
	node [
		shape=record
		fontname=Helvetica
		fontsize=11
		style="filled"
		fillcolor="gray95"
		penwidth=0
		target="_top"
		]
	size = 5
	layout = neato
	overlap = false
	margin = 0.1
	tooltip = " "
	subgraph info {
		node [fillcolor="white"]
		edge [style=invis dir=none]
		title[
			label="Blog posts about\ltogetherness and\lthe multiplayer web\l"
			fontsize=36
			penwidth=0
		]
		title -> {
			subtitle[
				label="Matt Webb\linterconnected.org/home\lv0.2, 2022-11-09\l"
				href="https://interconnected.org/home/"
				tooltip="Interconnected, a blog by Matt Webb"
				fontcolor="cornflowerblue"]
		}
	}
	subgraph overview {
		multiplayer[
			label="Multiplayer"
			style="filled"
			fillcolor="black"
			fontcolor="white"
		]
		multiplayer -> {
			"References"
			"Social"
			featurediscovery
			"AI runtime"
			"Spatial metaphor"
			"Virtual + IRL"
			interop
		}
		interop[
			label=<Interop<br/>2020/10/14/protocols>
			href="https://interconnected.org/home/2020/10/14/protocols"
			tooltip="Video calling is terrible and we need interop"
			fontcolor="cornflowerblue"]
	}
	subgraph references {
		"References" -> {
			"Enablers"
			"Adjacent"
			"Examples"
			"Trends"
		}
		"Enablers" -> {
			"Liveblocks"
			"CRDTs"
		}
		"Adjacent" -> {
			"Discord"
			"Zoom"
		}
		"Examples" -> {
			"Google Docs"
			"Figma"
			"tldraw"
			"Gather"
			"Tiptap"
			"Mapus"
		}
		"Trends" -> {
			web[
				label=<Multiplayer web<br/>2021/09/27/multiplayer>
				href="https://interconnected.org/home/2021/09/27/multiplayer"
				fontcolor="cornflowerblue"]
			kay[
				label=<Apple and Alan Kay's metaverse<br/>2022/04/25/kay>
				href="https://interconnected.org/home/2022/04/25/kay"
				tooltip="Apple is mainstreaming the inventions of Alan Kay. Maybe the metaverse is next"
				fontcolor="cornflowerblue"]
			lofi[
				label=<Lo-fi metaverse<br/>2021/12/02/metaverse>
				href="https://interconnected.org/home/2021/12/02/metaverse"
				tooltip="What is the metaverse?"
				fontcolor="cornflowerblue"]
			subdunbar[
				label=<Virtual private neighbourhoods<br/>2021/01/07/dunbar_spaces>
				href="https://interconnected.org/home/2021/01/07/dunbar_spaces"
				tooltip="The continuing rise of virtual private neighbourhoods"
				fontcolor="cornflowerblue"]
		}
	}
	subgraph social {
		"Social" -> {
			presence[label="Presence"]
			dunbar[
				label=<Dunbar's number<br/>2022/04/05/dunbar>
				href="https://interconnected.org/home/2022/04/05/dunbar"
				tooltip="Dunbar’s number and how speaking is 2.8x better than picking fleas"
				fontcolor="cornflowerblue"]
			peripheral[
				label=<Peripheral vision<br/>2020/11/20/social_os>
				href="https://interconnected.org/home/2020/11/20/social_os"
				tooltip="Multiplayer docs, webcam fashion, noisy icons: three ideas"
				fontcolor="cornflowerblue"]
			"Social gradient"
			"Realtime"
			"Movement together"
			serendipity[
				label=<Serendipity<br/>2022/03/14/saloons>
				href="https://interconnected.org/home/2022/03/14/saloons"
				tooltip="Workplace serendipity, invention, and lessons from Prohibition 1920-1933"
				fontcolor="cornflowerblue"]
			togetherness[
				label=<Togetherness<br/>2021/09/22/togetherness>
				href="https://interconnected.org/home/2021/09/22/togetherness"
				tooltip="A brief thought on the miracle of togetherness"
				fontcolor="cornflowerblue"]
		}
		presence -> {
			fatigue[
				label=<Fatigue<br/>2022/03/29/whiplash>
				href="https://interconnected.org/home/2022/03/29/whiplash"
				tooltip="I don’t believe in Zoom fatigue. HOWEVER..."
				fontcolor="cornflowerblue"]
		}
		dunbar -> {
			"150 (community)"
			smallgroup
		}
		smallgroup[
				label=<6-12 (small group)<br/>2020/08/18/filtered_for_small_groups>
				href="https://interconnected.org/home/2020/08/18/filtered_for_small_groups"
				tooltip="Filtered for small groups"
				fontcolor="cornflowerblue"]
		"Social gradient" -> {
			"Peak synchronous interactions"
		}
	}
	subgraph feature {
		featurediscovery[
				label=<Feature discovery<br/>2022/04/29/adaptive_ui>
				href="https://interconnected.org/home/2022/04/29/adaptive_ui"
				tooltip="Apps are too complex so maybe features should be ownable and tradable"
				fontcolor="cornflowerblue"]
		featurediscovery -> {
			"Social discovery"
			"Ownership experience"
			"Economy"
			"Pockets and inventory metaphor"
		}
	}
	subgraph ai {
		"AI runtime" -> {
			npcs[
				label=<Non-player characters<br/>2022/10/26/teammates>
				href="https://interconnected.org/home/2022/10/26/teammates"
				tooltip="Let me recruit AI teammates into Figma"
				fontcolor="cornflowerblue"]
			"Latent space exploration UIs"
		}
		npcs -> {
			bots[
				label=<Bots as UX<br/>2022/05/09/npcs>
				href="https://interconnected.org/home/2022/05/09/npcs"
				tooltip="Designing user interfaces with bots not buttons"
				fontcolor="cornflowerblue"]
			}
	}
	subgraph spacial {
		"Spatial metaphor" -> {
			"Infinite canvas"
			rooms[label="Persistent rooms"]
		}
		rooms -> {
			patternlang[
				label=<A Pattern Language (architecture)<br/>2022/01/21/social_gradient>
				href="https://interconnected.org/home/2022/01/21/social_gradient"
				tooltip="Designing multiplayer apps with patterns from architecture"
				fontcolor="cornflowerblue"]
			"Cognition"
			doorways[
				label=<Doorways<br/>2021/06/15/doorways>
				href="https://interconnected.org/home/2021/06/15/doorways"
				tooltip="From Zoom Rooms to doorways on my desktop"
				fontcolor="cornflowerblue"]
			"Public and private space"
		}
		"Cognition" -> {
			"Psychology"
			"Memory"
			cinema[
				label=<Cinema and visual cues<br/>2021/04/23/star_wars>
				href="https://interconnected.org/home/2021/04/23/star_wars"
				tooltip="What wipes in Star Wars teach us about the brain and also interface design"
				fontcolor="cornflowerblue"]
		}
	}
	subgraph hybrid {
		"Virtual + IRL" -> {
			telepresence[
				label=<Telepresence<br/>2020/04/27/dtos>
				href="https://interconnected.org/home/2020/04/27/dtos"
				tooltip="Domestic telepresence at scale: some notes"
				fontcolor="cornflowerblue"]
			"Environmental"
			"Connected devices"
			vr
		}
		"Environmental" -> {
			"Dynamicland"
			sage[
				label=<SAGE<br/>2021/12/21/sage>
				href="https://interconnected.org/home/2021/12/21/sage"
				tooltip="SAGE and a glimpse of group computing from before the PC"
				fontcolor="cornflowerblue"]
		}
		vr[
				label=<VR headsets<br/>2022/05/03/landscape>
				href="https://interconnected.org/home/2022/05/03/landscape"
				tooltip="Presence in VR should show tiny people, not user avatars"
				fontcolor="cornflowerblue"]
	}
	subgraph crosslinks {
		edge [style=dashed dir=none]
		patternlang -> "Social gradient"
		dunbar -> subdunbar
		npcs -> "Social discovery"
		interop -> "Movement together"
	}
}