Wardley Map with Graphviz

AAAREADME.md

Generate the map

gvpack -u board.gv map.gv annotations.gv | neato -n -Tsvg > map.svg

Generate the gvmap

echo "digraph {$( cat board.gv annotations.gv <(gvmap -e map.gv) | egrep -v "digraph|^}$")}" | neato -n -Tsvg > withgvmap.svg

annotations.gv

digraph {
	graph [
		rankdir = "LR"
		bgcolor = "white:lightgrey"
		style="filled"
		gradientangle = 180];
	node [shape=point, label="\n", width="0.001", height="0.001", margin="0.001"];
	edge [arrowhead=none]
	note1_1 [label="1", shape=circle, fontsize=16, pos="539,344"]
	note1_2 [label="1", shape=circle, fontsize=16, pos="869,64"]

	Annotations [shape=plaintext, label=<
	<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0">
	<TR><TD><U>annotations</U></TD></TR>
	<TR><TD>1. Standardising power allows Kettles to evolve faster</TD></TR>
	</TABLE>>, pos="160,480" ]
}

board.gv

digraph {
	graph [
		rankdir = "LR"
		bgcolor = "white:lightgrey"
		style="filled"
		gradientangle = 180];
	node [shape=point, label="\n", width="0.001", height="0.001", margin="0.001"];
	edge [arrowhead=none]
	0 [label="", fontsize=7, pos="0,0"];
	1 [label="", fontsize=7, pos="1100,0"];
	2 [label="", fontsize=7, pos="0,800"];
	vc [shape=none, label="V\na\nl\nu\ne\n \nC\nh\na\ni\nn", pos="-10,400"]
	genesis [shape=none, label="genesis", pos="0,-10"]
	custom [shape=none, label="custom", pos="187,-10"]
	customX [shape=none, label="", pos="187,800"]
	custom -> customX [style=dotted, arrowhead=none, color=grey]
	product [shape=none, label="product", pos="440,-10"]
	productX [shape=none, label="", pos="440,800"]
	product -> productX [style=dotted, arrowhead=none, color=grey]
	commodity [shape=none, label="commodity", pos="770,-10"]
	commodityX [shape=none, label="", pos="770,800"]
	commodity -> commodityX [style=dotted, arrowhead=none, color=grey]
	0 -> 1 [arrowhead=normal]
	0 -> 2 [arrowhead=normal]

}

map.gv

digraph {
	graph [
		rankdir = "LR"
		bgcolor = "white:lightgrey"
		style="filled"
		gradientangle = 180];
	node [shape=point, label="\n", width="0.001", height="0.001", margin="0.001"];
	edge [arrowhead=none]
	zero [label="", pos="0,0"]

	business [label="business", shape=none, width="0.22222", height="0.15278", fontsize=14, pos="693,760"];
	public [label="public", shape=none, width="0.22222", height="0.15278", fontsize=14, pos="858,760"];

	business -> cupOfTea
	public -> cupOfTea

	cupOfTea [xlabel="cup of tea", width="0.22222", height="0.15278", fontsize=9, pos="671,632"];
	cup [xlabel="cup", width="0.22222", height="0.15278", fontsize=9, pos="858,584"];
	tea [xlabel="tea", width="0.22222", height="0.15278", fontsize=9, pos="891,504"];
	hotWater [xlabel="hot water", width="0.22222", height="0.15278", fontsize=9, pos="880,416"];
	cupOfTea -> cup
	cupOfTea -> tea
	cupOfTea -> hotWater
	water [xlabel="water", width="0.22222", height="0.15278", fontsize=9, pos="902,304"];
	hotWater -> water

	kettle [xlabel="kettle", width="0.22222", height="0.15278", fontsize=9, pos="385,344"];
	kettleEvolve [xlabel="kettle", width="0.22222", height="0.15278", fontsize=9, color=red, pos="682,344"];
	kettle -> kettleEvolve [style=dotted, color=red, arrowhead=normal]
	hotWater -> kettle

	power [xlabel="power", width="0.22222", height="0.15278", fontsize=9, pos="770,80"];
	kettle -> power

	powerEvolve [xlabel="power", width="0.22222", height="0.15278", fontsize=9, color=red, pos="979,80"];
	power -> powerEvolve [style=dotted, color=red, arrowhead=normal]
}

map.svg

withgvmap.svg