Loading [MathJax]/extensions/MathMenu.js
Node Overlapping Detection for Draggable Node-Based Applications | IEEE Conference Publication | IEEE Xplore

Node Overlapping Detection for Draggable Node-Based Applications


Abstract:

Node-based interfaces are user interfaces that are based on the concept of nodes, which represent individual units of functionality, and edges, which represent the connec...Show More

Abstract:

Node-based interfaces are user interfaces that are based on the concept of nodes, which represent individual units of functionality, and edges, which represent the connections between nodes. In a node-based interface, nodes are connected by edges to form a graph, which represents the data flow and relationships between different parts of the system. The Node overlapping detection technique is only for react flow version 11 and higher. Users having previous versions are not able to use that functionality. To detect the overlapping, based on the output of this library, several user-defined functions can be used to resolve to overlap. It will see the single-pixel overlap. Using this library, users can avoid Node and edge overlapping by creating custom edges. It is a simple JavaScript function currently used for reactjs. In the future, if any other script develops a draggable node-based flowsheet-creating feature, the user can use this library accordingly.
Date of Conference: 21-22 April 2023
Date Added to IEEE Xplore: 29 September 2023
ISBN Information:
Conference Location: Bangalore, India

References

References is not available for this document.