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=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=2021/09/27/multiplayer>
href="https://interconnected.org/home/2021/09/27/multiplayer"
fontcolor="cornflowerblue"]
kay[
label=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=2021/12/02/metaverse>
href="https://interconnected.org/home/2021/12/02/metaverse"
tooltip="What is the metaverse?"
fontcolor="cornflowerblue"]
subdunbar[
label=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=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=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=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=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=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)
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=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=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=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=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=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=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=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=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=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"
}
}