This server does a few things:
abp/: Displays the state using Three.jsgraph/:
GET returns JSON representing the statePOST accepts JSON in the same format and overwrites the state in memorydoc/: Shows this pageIf you do an HTTPS GET against /graph, you will receive some JSON.
:::bash
$ curl https://abv.peteshadbolt.co.uk/graph
outputs
:::python
{"node":
{"30":
{"position":
{"y": 3.245091885135617, "x": -1.0335390368621762, "z": 0.12485495696298532}, "vop": 0}, "28":
{"position":
{"y": 0.1811335599620998, "x": 3.7102305790943295, "z": 0.3375519427305571}, "vop": 0}, "29":
{"position":
{"y": -1.834182888403804, "x": 1.5968911365745622, "z": 2.8585980299131886
...
The top-level keys are node and adj. These model the node metadata and adjacency matrix respectively.
Each node has
position ({x:<> y:<> z:<>})vop (integer, ignore for now)color, label, etc.adj uses the same data structure as networkx to efficiently represent sparse adjacency matrices. For each key i in adj, the value of adj[i] is itself a map whose keys j correspond to the ids of nodes connected to i. The value of adj[i][j] is a map which is usually empty but which could be used to store metadata about the edge.
Here's an example of a graph (A-B C):
:::python
{'adj': {0: {1: {}}, 1: {0: {}}, 2: {}},
'node': {
0: {'position': {'x': 0, 'y': 0, 'z': 0}, 'vop': 0},
1: {'position': {'x': 1, 'y': 0, 'z': 0}, 'vop': 0},
2: {'position': {'x': 2, 'y': 0, 'z': 0}, 'vop': 10}}}