Published unlisted
Edited
Aug 8, 2020
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Changed in target
sankey = { const sankey = d3.sankey()
+
.nodeSort(null)
.nodeId(d => d.name) .nodeAlign(d3[`sankey${align[0].toUpperCase()}${align.slice(1)}`]) .nodeWidth(15) .nodePadding(10) .extent([[1, 5], [width - 1, height - 5]]); return ({nodes, links}) => sankey({ nodes: nodes.map(d => Object.assign({}, d)), links: links.map(d => Object.assign({}, d)) }); }
Insert cell
format = {
const format = d3.format(",.0f");
return data.units ? d => `${format(d)} ${data.units}` : format;
}
Insert cell
color = {
const color = d3.scaleOrdinal(d3.schemeCategory10);
return d => color(d.category === undefined ? d.name : d.category);
}
Insert cell
Changed in target
data = { const links = [{"source": "New", "target": "Screen", "value": 120}, {"source": "Screen", "target": "Interview", "value": 120}, {"source": "New", "target": "Rejected", "value": 70}, {"source": "Interview", "target": "Rejected", "value": 193}, {"source": "Interview", "target": "Offer", "value": 50}, {"source": "Offer", "target": "Hired", "value": 15}, {"source": "Offer", "target": "Rejected", "value": 35}, {"source": "Screen", "target": "Rejected", "value": 150}]; const nodes =[ {"name": "New", "category": "New"}, {"name": "Screen", "category": "Screen"},
+
{"name": "Hired", "category": "Hired"},
{"name": "Interview", "category": "Interview"}, {"name": "Rejected", "category": "Rejected"}, {"name": "Offer", "category": "Offer"},
-
{"name": "Hired", "category": "Hired"}];
+
];
return {nodes, links, units: "TWh"}; }
Insert cell
width = 954
Insert cell
height = 600
Insert cell
d3 = require("d3@5", "d3-sankey@0.12")
Insert cell