Implement Automatic Zoom-In After Displaying Query Results in Graph

[leon-k-martin]

Currently, after displaying query results in the graph, the view does not automatically adjust, potentially requiring manual zooming or panning to see the results clearly. This enhancement aims to implement an automatic zoom-in feature, ensuring that the results are immediately visible and centered within the graph view.

The following might work:

document.addEventListener("DOMContentLoaded", function() {
  const graphContainer = document.getElementById('graph-container');
  const graph = document.getElementById('3d-graph');
  const Graph = ForceGraph3D()(graph)
     // other graph attributes
    .width(graphContainer.clientWidth)
    .height(graphContainer.clientHeight)
    .cameraPosition({ z: 900 });

  // Optional: Add window resize listener to adjust graph size dynamically
  window.addEventListener('resize', () => {
    Graph.width(graphContainer.clientWidth).height(graphContainer.clientHeight);
  });

  // Initial resize to fit the container
  Graph.width(graphContainer.clientWidth).height(graphContainer.clientHeight);
});