Update modular_graph_and_candidates.py

modular_graph_and_candidates.py

@@ -948,13 +948,17 @@ document.getElementById('toggleRed').addEventListener('change', updateVisibility
 const timeline = __TIMELINE_DATA__;
 const W = innerWidth, H = innerHeight;
 
+// Create SVG with zoom behavior
+const svg = d3.select('#timeline-svg');
+const g = svg.append('g');
+
 // Enhanced timeline configuration for maximum horizontal spread
 const MARGIN = { top: 60, right: 200, bottom: 120, left: 200 };
 const CONTENT_HEIGHT = H - MARGIN.top - MARGIN.bottom;
 const VERTICAL_LANES = 4; // Number of horizontal lanes for better organization
 
-// Create SVG with zoom behavior
-const svg = d3.select('#timeline-svg');
+
+
 const zoomBehavior = d3.zoom()
   .scaleExtent([0.1, 8])
   .on('zoom', handleZoom);
@@ -969,7 +973,6 @@ svg.on("click", function(event) {
 });
 
 
-const g = svg.append('g');
 
 // Time scale for chronological positioning with much wider spread
 const timeExtent = d3.extent(timeline.nodes.filter(d => d.timestamp > 0), d => d.timestamp);