function autoBox() {
document.body.appendChild(this);
const {x, y, width, height} = this.getBBox();
document.body.removeChild(this);
return [x, y, width, height];
}
announcements = fetch(
`https://stat.ripe.net/data/bgplay/data.json?resource=${asn}&starttime=2021-06-11T00:00:00&endtime=2021-06-21T00:00:00`
)
.then(r => r.json())
.then(r => r.data)
.then(r => r.initial_state)
G = {
let parents = [];
for (let announcement of announcements) {
let path = announcement.path;
let relations = [];
// console.log('path', path);
path.reduce((acc, curr) => {
// repeated child?
// console.log(
// acc,
// curr,
// parents.map(r => r.child),
// parents.map(r => r.child).includes(acc)
// );
if (parents.filter(r => r.child === acc && r.parent === curr).length)
console.log(acc);
// no duplicates... for now
if (parents.filter(r => r.child === acc && r.parent === curr).length)
return curr;
else if (curr === acc) return curr;
// multi-parents nodes
else if (parents.filter(r => r.child === acc).length)
relations.push({ child: `${acc}->${curr}`, parent: curr });
else relations.push({ child: acc, parent: curr });
return curr;
});
parents = [...parents, ...relations];
}
parents.push({ child: asn });
return parents;
}
strats = d3
.stratify()
.id(node => node.child)
.parentId(node => node.parent)(G)
data = d3.hierarchy(strats)
_data = d3.hierarchy(await FileAttachment("flare-2.json").json())
.sort((a, b) => d3.ascending(a.data.name, b.data.name))
tree = d3.tree()
.size([2 * Math.PI, radius])
.separation((a, b) => (a.parent == b.parent ? 1 : 2) / a.depth)
width = 954
radius = width / 2
d3 = require("d3@6")
ngraph = ({
ngraph: await require("ngraph.graph"),
// pagerank: await require("https://bundle.run/ngraph.pagerank@2.0.0"),
// hits: await require("https://bundle.run/ngraph.hits"),
// cw: await require("https://bundle.run/ngraph.cw@2.0.0"),
louvain: await require("https://bundle.run/ngraph.louvain@2.0.0")
// pixel: await require("https://bundle.run/ngraph.pixel")
// generators: await require("https://bundle.run/ngraph.generators")
})
Viva = require("https://bundle.run/vivagraphjs@0.12.0")
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.
