/*
viewof choice = html`<select>
title: "Choisir un diagramme: "
<option selected value="sankey1">(societe-fournisseur) -> materiel (famille) -> prestataire -> (service proprietaire-site installation)
<option value="sankey2">(site installation) -> materiel (famille) -> sous-materiel (famille) -> service proprietaire
</select>`
*/
//await FileAttachment("sankeyS5Z5.csv").csv({typed: true});
data = {
// const links = await FileAttachment("energy@3.csv").csv({typed: true});
const links = await FileAttachment("sankeyS5Z5_2@3.csv").csv({typed: true});
// const links = dataSankey;
const nodes = Array.from(new Set(links.flatMap(l => [l.source, l.target])), name => ({name, category: name.replace(/ .*/, "")}));
return {nodes, links, units: "éléments"};
}
/*
dataSankey = {
let mydata;
switch (choice) {
case "sankey1": mydata = await FileAttachment("sankeyS5Z5@1.csv").csv({typed: true}); break;
case "sankey2": mydata = await FileAttachment("sankeyS5Z5_2@1.csv").csv({typed: true}); break;
}
return mydata;
}
*/
width = 1024
height = 600
d3 = require("d3@6", "d3-sankey@0.12")
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.
