Escalamiento Ky

script.js

@@ -215,7 +215,16 @@ d3.sankey = function() {
     }
 
     function computeNodeBreadths() {
-        var remainingNodes = nodes,
+        // Separate linked and unlinked nodes
+        var linkedNodes = nodes.filter(function(node) {
+            return node.sourceLinks.length > 0 || node.targetLinks.length > 0;
+        });
+        var unlinkedNodes = nodes.filter(function(node) {
+            return node.sourceLinks.length === 0 && node.targetLinks.length === 0;
+        });
+
+        // Process only linked nodes for layout
+        var remainingNodes = linkedNodes,
             nextNodes,
             x = 0;
 
@@ -234,8 +243,17 @@ d3.sankey = function() {
             ++x;
         }
 
+        // Move sinks right
         moveSinksRight(x);
+
+        // Scale the layout for linked nodes
         scaleNodeBreadths((size[0] - nodeWidth) / (x - 1));
+
+        // Position unlinked nodes off-screen or at a specific position
+        unlinkedNodes.forEach(function(node) {
+            node.x = -1; // Position off-screen
+            node.dx = 0;  // No width
+        });
     }
 
     function moveSinksRight(x) {
@@ -508,8 +526,13 @@ function initDiagram() {
     // Generate initial layout
     sankey.nodes(graph.nodes).links(graph.links).layout(32);
 
-    // Apply proportional scaling to node heights
-    const nodesByX = d3.groups(graph.nodes, d => d.x);
+    // Filter only connected nodes for ky calculation
+    const nodesForKy = graph.nodes.filter(node => 
+        node.sourceLinks.length > 0 || node.targetLinks.length > 0
+    );
+
+    // Group connected nodes by x coordinate
+    const nodesByX = d3.groups(nodesForKy, d => d.x);
     const ky = d3.min(nodesByX, ([x, nodes]) => 
         (height - (nodes.length - 1) * sankey.nodePadding()) / 
         d3.sum(nodes, d => d.value)
@@ -517,8 +540,13 @@ function initDiagram() {
 
     // Apply the scaling to nodes and links
     graph.nodes.forEach(node => {
-        const nodeHeight = node.value * ky;
-        node.dy = nodeHeight;
+        // Only apply height to connected nodes
+        if (node.sourceLinks.length > 0 || node.targetLinks.length > 0) {
+            const nodeHeight = node.value * ky;
+            node.dy = nodeHeight;
+        } else {
+            node.dy = 0; // Unlinked nodes get zero height
+        }
     });
     
     graph.links.forEach(link => {