Adding Event Listeners
I can't incorperate event listeners for mouseenter, mouseleave, and click.
Here is what I have:
edge.addEventListener('mouseenter', function () { if (Delete == true) { edge.setAttribute('color', '#ff3f3f'); } }); edge.addEventListener('mouseleave', function () { edge.setAttribute('color', '#55575b'); }); edge.addEventListener('click',function(){ if (Delete == true) { var id = node.getAttribute('id'); $('#'+id).remove(); delete graph['edges'][id]; Delete = false; } });
Raycast component from Three.meshline is missing. See https://github.com/spite/THREE.MeshLine?tab=readme-ov-file#use-meshline-and-meshlinematerial-to-create-a-threemesh . I think it has to be added to index.js