I am currently working on creating a Network Graph that visualizes relationships between devices and individuals in an Internet of Things environment.
The data for the graph is extracted from a database, including information about the sender and receiver of each communication, as well as a label for the interaction. Additionally, there are specific attributes assigned to each link, such as the type of relationship (emotional, work-related, etc.) and the purpose of the communication (information exchange, action execution, etc.). An example of how the data may appear is:
[['Jane','Michael','ComHum1','Pragmatic','Emotional'],
['Michael','TV','ComObj1','Action','Object-Owner']]
My goal is to customize the style (dash, dot, etc.) of the links based on one factor, and their color based on another factor. By doing this, I aim to visually represent the type of interaction and the relationship between the parties involved.
However, I am facing a challenge with HighCharts as it seems difficult to style individual links within a single series. The documentation suggests using CSS selectors based on separate series, but this approach does not align with my data structure. Breaking the data into multiple series would lead to losing the overall network visualization, which is crucial for understanding the connections.
Is there a way to achieve what I intend with HighCharts? One potential workaround I considered was targeting each path element in the SVG, but this also proved to be challenging without specific identifiers for each element.