selectedArticles
// Fonction pour obtenir la couleur des nœuds selon leur profondeur
getNodeColor = (depth, maxDepth) => {
const colorScale = d3.scaleSequential(d3.interpolateViridis)
.domain([0, maxDepth]);
return colorScale(depth);
}
// Fonction pour obtenir la couleur des liens
getLinkColor = (source, target, maxDepth) => {
const colorScale = d3.scaleSequential(d3.interpolateViridis)
.domain([0, maxDepth]);
return colorScale(source.depth);
}
// Sélection des nœuds et recherche d'ancêtre commun
selectedNodes = new Set()
array = [...selectedNodes];
mutable commonAncestor = null
function findCommonAncestor() {
if (selectedNodes.size !== 2) return null;
const nodes = Array.from(selectedNodes);
let [node1, node2] = nodes;
// Ensemble des identifiants des ancêtres du premier nœud
const ancestors1 = new Set();
let current = node1;
while (current) {
ancestors1.add(current.data["@id"]);
current = current.parent;
}
// Recherche de l'ancêtre commun le plus proche
current = node2;
while (current) {
if (ancestors1.has(current.data["@id"])) {
return current;
}
current = current.parent;
}
return null;
}
treeData = {
// Créer la hiérarchie
const root = d3.hierarchy(chosenRoot);
// Calculer la position des nœuds
const radius = Math.min(width, height) / 2 - 100;
const tree = d3.tree()
.size([2 * Math.PI, radius])
.separation((a, b) => (a.parent === b.parent ? 1 : 2) / a.depth);
tree(root);
// Calculer la profondeur maximale
const maxDepth = root.height;
return { root, maxDepth, radius };
}
savoirs_hierachical = FileAttachment("savoirs_hierachical.json").json()
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.
