Published
Edited
Jun 10, 2020
Importers
graph = AgoraGML.toGML({ nodes, edges })
nodes = _.map(actors, ({ id: index, label, ...meta }) => ({
...node_defaults,
index,
label,
meta
}))
edges = _.map(links, ({ source, target, weight, ...meta }) => ({
source,
target,
meta: { ...meta, intWeight: weight }
}))
md`## Options`
node_defaults = ({ x: 0, y: 0, width: 20, height: 20 })
links = fetch(
"https://gist.githubusercontent.com/stardisblue/a9989f9515680b0fe37a97816becbbb7/raw/6154eac3d0d2b1f8537c96da6bca49c8931eefbc/graph_links.json"
).then(l => l.json())
actors = fetch(
"https://gist.githubusercontent.com/stardisblue/a9989f9515680b0fe37a97816becbbb7/raw/6154eac3d0d2b1f8537c96da6bca49c8931eefbc/actor-nodes.json"
).then(d => d.json())
AgoraGML = require('https://cdn.jsdelivr.net/gh/agorajs/agora-gml@latest/dist/agora-gml.min.js')
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
