Node Overlapping Detection for Draggable Node-Based Applications

Title

Node Overlapping Detection for Draggable Node-Based Applications

Creator

Pobaru M.; Gokulapriya R.

Description

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. 2023 IEEE.

Source

Proceedings of IEEE InC4 2023 - 2023 IEEE International Conference on Contemporary Computing and Communications

Date

2023-01-01

Publisher

Institute of Electrical and Electronics Engineers Inc.

Subject

Node overlapping; react flow; Reactjs

Coverage

Pobaru M., Computer Science and Engineering CHRIST (Deemed to Be University), Bangalore, India; Gokulapriya R., Computer Science and Engineering CHRIST (Deemed to Be University), Bangalore, India

Rights

Restricted Access

Relation

ISBN: 979-835033577-4

Format

Online

Language

English

Type

Conference paper

Identifier

https://doi.org/10.1109/InC457730.2023.10262840

https://www.scopus.com/inward/record.uri?eid=2-s2.0-85174737850&doi=10.1109%2fInC457730.2023.10262840&partnerID=40&md5=5852e22a1cd60dd3621817fee42c7459