article = {
const text = await FileAttachment("Article.svg").text();
return extractVectors(text);
}
graph = {
// init Graph object
const graph = new Graph();
// load and add nodes
cleanNodes.forEach((n,i)=>{
const attributes = {...n, size: nodesSize}
// const x = Math.random(), y=Math.random();
// attributes.x = x;
// attributes.y = y;
graph.addNode(n.id, attributes)
});
cleanEdges.forEach(e=>{
const attributes = {
category: e.type,
weight: e.weight
}
graph.addEdge(e.source, e.target, attributes)
});
return graph;
}
import {serialize, rasterize} from "@mbostock/saving-svg"
Graph = require("graphology")
forceAtlas2 = require("https://bundle.run/graphology-layout-forceatlas2@0.6.1")
graphologyLayout = require("https://bundle.run/graphology-layout@0.4.0")
noverlap = require("https://bundle.run/graphology-layout-noverlap@0.4.1")
gexf = require("https://bundle.run/graphology-gexf@0.8.1");
avantText = {
const text = await FileAttachment("AvantText.svg").text();
return extractVectors(text);
}
book = {
const text = await FileAttachment("Book.svg").text();
return extractVectors(text);
}
diaryEntry = {
const text = await FileAttachment("Diary.svg").text();
return extractVectors(text);
}
hasVisuals = {
const text = await FileAttachment("hasVisuals.svg").text();
return extractVectors(text);
}
partOf = {
const text = await FileAttachment("Part.svg").text();
return extractVectors(text);
}
periodical = {
const text = await FileAttachment("Periodical@1.svg").text();
return extractVectors(text);
}
missingType = {
const text = await FileAttachment("Missing-Type.svg").text();
return extractVectors(text);
}
missingNode = {
const text = await FileAttachment("Missing-Node.svg").text();
return extractVectors(text);
}
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.
