2b:null 2c:["$","title",null,{"children":"Sankey Test with Labels | Bill White's Workspace | Observable"}] 31:T764,function straightLine(d) { const startKnee = d.y0 <= _height/2 ? startKneeOffset + (d.source.y0-d.y0) + (_layerValEntry*((d.target.layer-d.source.layer)-1)) : startKneeOffset - (d.source.y0-d.y0) + (_layerValEntry*((d.target.layer-d.source.layer)-1)); // maybe fix some of this with a layer amount const endKnee = d.y1 <= _height/2 ? d.target.id === 'Rejected Energy' ? (endKneeOffset + (d.target.y0-d.y1)) + 50 + (_layerValExit*((d.target.layer-d.source.layer)-1)) : (endKneeOffset + (d.target.y0-d.y1)) + (_layerValExit*((d.target.layer-d.source.layer)-1)) : d.target.id === 'Energy Services' ? (endKneeOffset - (d.target.y0-d.y1)) - 50 + (_layerValExit*((d.target.layer-d.source.layer)-1)) : (endKneeOffset - (d.target.y0-d.y1)) + (_layerValExit*((d.target.layer-d.source.layer)-1)) if (d.source.id === 'Grid') { return [ 'M', d.source.x1, d.y0 - d.source.y0, 'h', startKnee , 'C', // Two control points for the curve d.source.x1 + startKnee+ r, d.y0 - d.source.y0, d.target.x0 - endKnee - r, d.y1, // Curve endpoint d.target.x0 - endKnee, d.y1, 'h', endKnee, ].join(' ')} else if (d.target.id === 'Grid') { return [ 'M', d.source.x1, d.y0, 'h', startKnee , 'C', // Two control points for the curve d.source.x1 + startKnee+ r, d.y0, d.target.x0 - endKnee - r, d.y1-d.target.y0, // Curve endpoint d.target.x0 - endKnee, d.y1-d.target.y0, 'h', endKnee, ].join(' ')} else { return [ 'M', d.source.x1, d.y0, 'h', startKnee , 'C', // Two control points for the curve d.source.x1 + startKnee+ r, d.y0, d.target.x0 - endKnee - r, d.y1, // Curve endpoint d.target.x0 - endKnee, d.y1, 'h', endKnee, ].join(' ')} }32:T34a2,function SankeyChart({ nodes, // an iterable of node objects (typically [{id}, …]); implied by links if missing links // an iterable of link objects (typically [{source, target}, …]) }, { format = ",", // a function or format specifier for values in titles nodeId = d => d.id, // given d in nodes, returns a unique identifier (string) nodeGroup, // given d in nodes, returns an (ordinal) value for color nodeGroups, // an array of ordinal values representing the node groups nodeLabel, // given d in (computed) nodes, text to label the associated rect nodeTitle = d => `${d.id}\n${format(d.value)}`, // given d in (computed) nodes, hover text nodeAlign = d3Sankey.sankeyLeft, // Sankey node alignment strategy: left, right, justify, center nodeWidth = _nodeWidth, // width of node rects nodePadding = _padding, // vertical separation between adjacent nodes nodeLabelPadding = 5, // horizontal separation between node and label nodeStroke = "currentColor", // stroke around node rects nodeStrokeWidth, // width of stroke around node rects, in pixels nodeStrokeOpacity, // opacity of stroke around node rects nodeStrokeLinejoin, // line join for stroke around node rects linkSource = ({source}) => source, // given d in links, returns a node identifier string linkTarget = ({target}) => target, // given d in links, returns a node identifier string linkValue = ({value}) => value, // given d in links, returns the quantitative value linkPath = straightLine, // given d in (computed) links, returns the SVG path # working on this linkTitle = d => `${d.source.id} → ${d.target.id}\n${format(d.value)}`, // given d in (computed) links linkColor = 'layered', //"#aaa", // source, target, source-target, or static color linkStrokeOpacity = linkOpacity/100, // link stroke opacity colors = colorScale, // array of colors width = _width, // outer width, in pixels height = _height, // outer height, in pixels marginTop = 5, // top margin, in pixels marginRight = 1, // right margin, in pixels marginBottom = 5, // bottom margin, in pixels marginLeft = 1, // left margin, in pixels } = {}) { // Compute values. const LS = d3.map(links, linkSource).map(intern); const LT = d3.map(links, linkTarget).map(intern); const LV = d3.map(links, linkValue); if (nodes === undefined) nodes = Array.from(d3.union(LS, LT), id => ({id})); const N = d3.map(nodes, nodeId).map(intern); const G = nodeGroup == null ? null : d3.map(nodes, nodeGroup).map(intern); // Replace the input nodes and links with mutable objects for the simulation. nodes = d3.map(nodes, (_, i) => ({id: N[i]})); links = d3.map(links, (_, i) => ({source: LS[i], target: LT[i], value: LV[i]})); console.log(links) // Compute default domains. if (G && nodeGroups === undefined) nodeGroups = G; // Construct the scales. const color = nodeGroup == null ? null : d3.scaleOrdinal(nodeGroups, colors); // Compute the Sankey layout. const sankey = d3Sankey .sankey() .nodeId(({index: i}) => N[i]) .nodeAlign(nodeAlign) .nodeWidth(nodeWidth) .nodePadding(nodePadding) .nodeSort(null) .iterations(_itterations) .linkSort(linkSort) .extent([[marginLeft, marginTop], [width - marginRight, height - marginBottom]]) ({nodes, links}); // Compute titles and labels using layout nodes, so as to access aggregate values. if (typeof format !== "function") format = d3.format(format); const Tl = nodeLabel === undefined ? N : nodeLabel == null ? null : d3.map(nodes, nodeLabel); const Tt = nodeTitle == null ? null : d3.map(nodes, nodeTitle); const Lt = linkTitle == null ? null : d3.map(links, linkTitle); //const Vl = nodeValue === undefined ? N : nodeValue == null ? null : d3.map(nodes, nodeValue); // A unique identifier for clip paths (to avoid conflicts). const uid = `O-${Math.random().toString(16).slice(2)}`; const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]) .attr("style", "max-width: 100%; height: auto; height: intrinsic;"); const link = svg.append("g") .attr("fill", "none") .selectAll("g") .data(links) //.sort(drawSort) .join("g") .attr("stroke-opacity", d => { if (d.value <= linkThreshold) return 0; return linkStrokeOpacity; }) var totalNodes = 16; link.append("path") .attr("d", linkPath) .attr("stroke", function(d) { if (linkColor === "layered") { // Use the color of the target node for the last two nodes if (d.target.index >= totalNodes - 2) { return color(G[d.target.index]); } else { // Use the color of the source node for other nodes return color(G[d.source.index]); } } else if (linkColor === "source-target") { return `url(#${uid}-link-${d.index})`; } else if (linkColor === "source") { return color(G[d.source.index]); } else if (linkColor === "target") { return color(G[d.target.index]); } else { // Handle other cases or default behavior here return linkColor; } }) .attr("stroke-width", ({width}) => Math.max(1, width)) .attr('stroke-linejoin', 'bevel') .call(Lt ? path => path.append("title").text(({index: i}) => Lt[i]) : () => {}); const node = svg.append("g") .attr("stroke", nodeStroke) .attr("stroke-width", nodeStrokeWidth) .attr("stroke-opacity", 1) .attr("stroke-linejoin", nodeStrokeLinejoin) .selectAll("rect") .data(nodes) .join("rect") .attr("x", d => d.x0) .attr('y', d => { if (d.id === 'Grid') return 0; return d.y0; }) .attr("height", d => d.y1 - d.y0,30) .attr("width", d => d.x1 - d.x0); if (G) node.attr("fill", ({index: i}) => color(G[i])); if (Tt) node.append("title").text(({index: i}) => Tt[i]); const nodeVal = 12.75; const nodeValsm = 4.5 const Labels = svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 10) .selectAll("text") .data(nodes) .join("text") .attr("x", d => d.x0 + 34 + (d.layer * 2)) .attr("y", d => { if(_mode==='Verbose'){ if (d.id === 'Grid') return ((d.y1 - d.y0) / 2) - 5; else if (d.value <= nodeValsm) { if (["Coal","Biomass","Petroleum"].includes(d.id)) return d.y0 - 20; return d.y1 + 8; } else if (d.value > nodeVal) return ((d.y1 + d.y0) / 2) - 5; return (d.y1 + d.y0) / 2; } else { if (d.value <= nodeValsm) { if (d.id === 'Solar') return d.y1 + 8; return d.y0 - 8; } if (d.id === 'Grid') return (d.y1 - d.y0) / 2; return (d.y1 + d.y0) / 2; } }) .attr('fill', d => { if (['Nuclear', 'Hydro', 'Wind', 'Geothermal', 'Coal', 'Petroleum', 'Energy Services'].includes(d.id)) { if (d.value > nodeValsm ) return 'white'; } return 'black'; }) .attr("dy", "0.35em") .attr("text-anchor", "middle") .text(({ index: i }) => Tl[i]); if (_mode === "Verbose") Labels.append("tspan") .attr("x", d => d.x0 + 34 + (d.layer * 2)) .attr("y", d => { if (d.value <= nodeValsm) { if (["Coal","Biomass","Petroleum"].includes(d.id)) return d.y0 - 8; return d.y1 + 20; } else if(d.value <= nodeVal){ if (["Coal","Biomass","Petroleum"].includes(d.id)) return d.y0 - 8; return d.y1 + 10; } if (d.id === 'Grid') return ((d.y1 - d.y0) / 2) + 6; return ((d.y1 + d.y0) / 2) + 6; }) .attr('fill', d => { if (['Nuclear', 'Hydro', 'Wind', 'Geothermal', 'Coal', 'Petroleum', 'Energy Services'].includes(d.id)) { if ((d.value > nodeValsm && _mode !== "Verbose") || (d.value > nodeVal && _mode === "Verbose")) return 'white'; } return 'black'; }) .attr("dy", "0.35em") .attr("text-anchor", "middle") .text(d => String(d.value.toFixed(2)) + " Quads"); const linkVal = 6; if (_mode === "Verbose") svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 10) .selectAll("text") .data(links) .join("text") .attr("x", d => {if (d.source.id === "Hydro" || d.source.id === "Wind") return d.source.x1 + 12; else if (d.target.id === "Rejected Energy" || d.target.id === "Energy Services") { if (d.source.id === "Grid") return ((d.target.x0 - d.source.x1 )/2) + d.source.x1; return d.source.x1+15;} else if (d.value > linkVal ) return d.target.x0 - 15; else if (["Residential","Commercial","Industrial","Transportation"].includes(d.target.id) && ["Grid","Petroleum"].includes(d.source.id)) { if (d.source.id === "Grid" || d.source.id === "Petroleum") return d.target.x0 - 15; } else if (d.source.id === "Geothermal"){ if (d.y0 <= _height/2) return startKneeOffset + (d.source.y0-d.y0) + ((3/2)*(_layerValEntry*((d.target.layer-d.source.layer)-1)))+50; return startKneeOffset - (d.source.y0-d.y0) + ((3/2)*(_layerValEntry*((d.target.layer-d.source.layer)-1)))+50;} else if (d.source.id === "Solar"){ return startKneeOffset - (d.source.y0-d.y0) + ((3/2)*(_layerValEntry*((d.target.layer-d.source.layer)-1)))+100;} else if (d.source.id === "Natural Gas"){ if (d.y0 <= _height/2) return startKneeOffset + (d.source.y0-d.y0) + ((3/2)*(_layerValEntry*((d.target.layer-d.source.layer)-1)))+105; return startKneeOffset - (d.source.y0-d.y0) + ((3/2)*(_layerValEntry*((d.target.layer-d.source.layer)-1)))+105;} else if (d.y0 <= _height/2) return startKneeOffset + (d.source.y0-d.y0) + ((3/2)*(_layerValEntry*((d.target.layer-d.source.layer)-1)))+85; return startKneeOffset - (d.source.y0-d.y0) + ((3/2)*(_layerValEntry*((d.target.layer-d.source.layer)-1)))+85;}) .attr("y", d => {if (d.source.id === "Hydro" || d.source.id === "Wind") return d.y0 - 8; else if (d.value > linkVal) { if (d.target.id === "Rejected Energy" || d.target.id === "Energy Services") { if (d.source.id === "Grid") return ((d.y1 - (d.y0 - d.source.y0))/2)+((d.source.y1-d.source.y0)/2)+10; return d.y0;} else if(d.target.id === 'Grid') return d.y1 - d.target.y0 ; return d.y1;} else if (["Residential","Commercial","Industrial","Transportation"].includes(d.target.id) && ["Grid","Petroleum"].includes(d.source.id)) { if (d.source.id === "Grid" ) return d.y1 - 10; if (d.source.id === "Petroleum") return d.y1 + 10; } else if (d.target.id === "Rejected Energy") return d.y0 - 10; else if (d.target.id === "Energy Services") return d.y0 + 10; else if (d.target.id === "Grid") {if (d.y0 <= _height/2) if(d.y0 <10) return d.y0 + 10; return d.y0 - 14; if(d.y0>(_height-10)) return d.y0 - 14; return d.y0 + 10;} else if (d.source.id === "Natural Gas"){ if (d.y1 <= _height/2) if (d.y0 <= height/2) return ((d.y1-d.y0)/1.15)+d.y0; return ((d.y1-d.y0)/1.15)+d.y0 - 10; return ((d.y1-d.y0)/1.6)+d.y0 + 25;} else if (d.source.id === "Solar"){ return ((d.y1-d.y0)/1.2)+d.y0 -25;} else if (d.source.id === "Geothermal"){ if (d.y1 <= _height/2) return ((d.y1-d.y0)/1.7)+d.y0 - 3; return ((d.y1-d.y0)/1.7)+d.y0 + 7; } else if (d.y1 <= _height/2) return ((d.y1-d.y0)/1.75)+d.y0 - 10; return ((d.y1-d.y0)/1.75)+d.y0 + 10;}) .attr('fill', d => {if(d.value > linkThreshold) { if (d.value > linkVal) {if (d.source.id === "Solar" || d.target.id === "Rejected Energy" || d.target.id === "Energy Services") return "black"; return "white";} else if (d.source.id === "Coal" || d.source.id === "Solar" || d.target.id === "Rejected Energy" || d.target.id === "Energy Services") return "black"; else if (d.target.index >= totalNodes - 2) { return color(G[d.target.index]); } else { // Use the color of the source node for other nodes return color(G[d.source.index]); } } return "none"; }) .attr("dy", "0.35em") .attr("text-anchor", "middle") .text(d => String(d.value.toFixed(2))); const cloudData = [ { x: 10, y: 40 }, { x: 20, y: 32 }, { x: 30, y: 40 }, { x: 40, y: 32 }, { x: 50, y: 40 }, { x: 60, y: 32 }, { x: 70, y: 40 }, { x: 60, y: 48 }, { x: 50, y: 56 }, { x: 40, y: 48 }, { x: 30, y: 56 }, { x: 20, y: 48 }, { x: 10, y: 56 }, ]; svg.append("g") .selectAll("circle") .data(cloudData) .enter() .append("circle") .attr("cx", d => d.x+(width*4/5)) .attr("cy", d => d.y) .attr("r", 10) .attr("fill", "grey") .attr("stroke", "grey"); svg.append("text") .attr("x", width*9/10) .attr("y", 60) .attr("font-size", 50) .attr("fill","green") .text("$"); function intern(value) { return value !== null && typeof value === "object" ? value.valueOf() : value; } return Object.assign(svg.node(), {scales: {color}}); }33:[{"id":"b241eae7003cb26b6ee95140cfaf2e31fca2afcce0327437ac9db47e900952d51f4efa34eb26ff73522b4b946575fe950c355438f82f4d0013689ae14dc5b5b7","href":"https://static.observableusercontent.com/files/b241eae7003cb26b6ee95140cfaf2e31fca2afcce0327437ac9db47e900952d51f4efa34eb26ff73522b4b946575fe950c355438f82f4d0013689ae14dc5b5b7","name":"scen_1_2021_nodes-3.json","type":"application/json","lastModified":1707173127621.781,"size":1659},{"id":"06a394b62e2308d310e4c92bcfc1b3dff8d60d64a74ad918c7893672726ae3ece6835307e6565fc32acbf9f1a8609bd5bc5ca7f94dccbc7d7b884fc9666f30eb","href":"https://static.observableusercontent.com/files/06a394b62e2308d310e4c92bcfc1b3dff8d60d64a74ad918c7893672726ae3ece6835307e6565fc32acbf9f1a8609bd5bc5ca7f94dccbc7d7b884fc9666f30eb","name":"scen_1_2021_links@3.json","type":"application/json","lastModified":1707173127621.781,"size":2581}] 2f:{"id":"601963aeabea472e","slug":null,"title":"Sankey Test with Labels","thumbnail":"1064a014addae459bc2b1b025e075794f63de468df02893e2918ad14d76717ae","access_level":"public","create_time":"$D2024-02-05T22:45:27.621Z","update_time":"$D2024-02-07T05:45:27.876Z","view_time":null,"first_public_time":"$D2024-02-05T22:45:27.621Z","has_unpublished_edits":null,"fork":{"id":"b5657ebd763595c6","slug":null,"title":"Sankey Test Demo","owner":{"id":"9f19e48362eaf88f","login":"bill-white-ws","name":"Bill White's Workspace"}},"stars":1,"starred":false,"owner":{"type":"team","id":"9f19e48362eaf88f","login":"bill-white-ws","name":"Bill White's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/76e03ecc8b6a89e9745443e702bac1ee1256915d1fc340d769c749ced0f4df45","tier":"starter_2024","bio":""},"version":877,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"be1fa205e6547a94","login":"bill-white","name":"Bill White","avatar_url":"https://avatars-next.observableusercontent.com/183c0626578de99f9801435b3f6187e7e619f85385ff09369122803174853794","tier":null,"bio":""}],"members":[{"type":"individual","id":"be1fa205e6547a94","login":"bill-white","name":"Bill White","avatar_url":"https://avatars-next.observableusercontent.com/183c0626578de99f9801435b3f6187e7e619f85385ff09369122803174853794","tier":null,"role":"editor"},{"type":"team","id":"9f19e48362eaf88f","login":"bill-white-ws","name":"Bill White's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/76e03ecc8b6a89e9745443e702bac1ee1256915d1fc340d769c749ced0f4df45","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Sankey Test with Labels","cells":[{"id":0,"value":"# Sankey Test with Labels","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":24,"value":"d3 = require(\"d3@7\", \"d3-sankey@0.12\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":519,"value":"d3Fetch = require('d3-fetch')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"d3Sankey = require.alias({\n \"d3-array\": \"d3@7\",\n \"d3-shape\": \"d3@7\",\n \"d3-sankey\": \"d3-sankey@0.12\"\n})(\"d3-sankey\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":512,"value":"url = \n _data === \"Legacy\"\n ? 'https://sankeyscenariodata.s3.us-east-2.amazonaws.com/Sankey_Data_Legacy/scen_'+String(parseInt(_scen.val)-180)+'/'+_year\n : 'https://sankeyscenariodata.s3.us-east-2.amazonaws.com/Sankey_Data/scen_'+_scen.val+'/'+_year\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":514,"value":"_linkData = d3Fetch.json(url+'/links.json')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":517,"value":"_nodeData = d3Fetch.json(url+'/nodes.json')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":86,"value":"colorScale = {\n var colorScale = [];\n for (let i = 0; i < nodeData.data.length; i++) {\n colorScale.push(nodeData.data[i].Color);\n }\n return colorScale\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":600,"value":"viewof _height = Inputs.range([200, 600], {label: \"chart height\", step: 1, value: 400})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":602,"value":"viewof _width = Inputs.range([800, 1600], {label: \"chart width\", step: 1, value: 1200})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":608,"value":"viewof _itterations = Inputs.range([0, 100000], {label: \"Node Fitting Itterations\", step: 10, value: 120})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":226,"value":"viewof startKneeOffset = Inputs.range([0, 400], {label: \"Start knee\", step: 1, value:90})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":629,"value":"viewof _layerValEntry = Inputs.range([0, 400], {label: \"layer offset start\", step: 1, value: 190})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":678,"value":"viewof _layerValExit = Inputs.range([0, 400], {label: \"layer offset end\", step: 1, value: 95})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":215,"value":"viewof endKneeOffset = Inputs.range([13, 250], {label: \"End knee\", step: 1, value: 105})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":211,"value":"viewof r = Inputs.range([0, 75], {label: \"Smoothing\", step: 1, value: 55})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":480,"value":"viewof _nodeWidth = Inputs.range([0, 200], {label: \"width\", step: 1, value: 80})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":484,"value":"viewof linkOpacity = Inputs.range([0, 100], {label: \"opacity\", step: 1, value: 85})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":493,"value":"viewof _padding = Inputs.range([0, 50], {label: \"node padding\", step: 1, value: 30})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":540,"value":"viewof linkThreshold = Inputs.range([0, 3], {label: \"Link Threshold\", step: .02, value: 0.02})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":521,"value":"scenarios = [\n {desc: \"standard\",val: \"181\"}, \n {desc: \"moderate\",val: \"182\"}, \n {desc: \"extreme\",val: \"183\"},\n {desc: \"solar\",val: \"184\"},\n {desc: \"no coal\",val: \"185\"},\n {desc: \"something fun\",val: \"186\"},\n {desc: \"low\",val: \"187\"},\n {desc: \"cold\",val: \"188\"},\n {desc: \"hot\",val: \"189\"},\n {desc: \"hot2\",val: \"190\"}\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":870,"value":"viewof _data = Inputs.select(['New','Legacy'], {label: \"mode\",value:\"Legacy\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":524,"value":"viewof _scen = Inputs.select(scenarios, {label: \"Scenario\",format:x=>x.desc})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":687,"value":"viewof _mode = Inputs.select(['Graphical','Verbose'], {label: \"mode\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":497,"value":"viewof _year = Inputs.range([2021, 2050], {label: \"Year\", step: 1, value: 2022})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"chart = SankeyChart({\n nodes: _nodeData.data,\n links: _linkData.data\n}, {\n nodeGroup: d => d.id.split(/\\W/)[0],\n format: (f => d => `${f(d)} Quads`)(d3.format(\",.1~f\")),\n width: _width,\n height: _height\n});\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":437,"value":"linkSort = (a, b) => {\n function targetIndex(target) {\n // Force grid to be sorted as first\n if (target === \"Grid\") return -1\n return nodeData.data.findIndex(node => node.id === target)\n }\n if (a.source === b.source) {\n return targetIndex(a.target.id) - targetIndex(b.target.id)\n }\n if (a.target === b.target) {\n return targetIndex(a.source.id) - targetIndex(b.source.id)\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":730,"value":"drawSort = (a, b) => {\n function targetIndex(target) {\n // Force grid to be sorted as first\n if (a.target === \"Grid\" || b.target === \"Grid\") return -1\n if (a.target === \"Rejected Energy\" || b.target === \"Rejected Energy\") return 0\n if (a.source === \"Grid\" || b.source === \"Grid\") return -1\n return nodeData.data.findIndex(node => node.id === target)\n }\n if (a.source === b.source) {\n return targetIndex(a.target.id) - targetIndex(b.target.id)\n }\n if (a.target === b.target) {\n return targetIndex(a.source.id) - targetIndex(b.source.id)\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"nodeData = FileAttachment(\"scen_1_2021_nodes-3.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"linkData = FileAttachment(\"scen_1_2021_links@3.json\").json()\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1"}} 30:"$2f:body"