I've been diving deep into D3, studying the works of Mike Bostock and other experts in the field. I'm also going through Scott Murray's book on Interactive Data Visualization specifically focusing on D3.
At the moment, my project involves creating a connection chart. I'm gradually gaining enough understanding to go beyond simply swapping out sample data. However, I'm encountering some issues that I can't seem to solve.
If you want to see my sample, here is the link:
And here is the source of my data:
This particular example features seven people with additional likes from Facebook. The chart displays the intersections of likes between users. My problem lies in the paths - it seems that I am adding twice as many paths as necessary, without knowing why. I'm still getting acquainted with the enter function and the concept of selecting something outside the DOM to place it within the DOM.
Based on my code analysis, there should be 115 paths, but for some reason, I keep generating 230 paths.
I am relatively new to D3, so at this point, I'm stumped and unable to figure out the issue.
In terms of my goal... When creating gradients, I intend for the starting position to be blue when connected to a user, and then another color for all the likes. Based on the code I have written, there shouldn't be anything that isn't a user starting with blue, and a user should never have a line connected to them that isn't based in blue. However, as you can see, I am experiencing some complications.
Edit: Upon further investigation, I have realized that my problem does not lie in selecting the incorrect paths, but rather in connecting points A and B without knowing which comes first in the path. If I want the connection at point A to always be blue, and the connection at point B to always be green, I don't currently have a method to determine their sequence beyond identifying A as the source and B as the target of the path. I am now modifying my example script to create a simpler version that explores this issue.
In this updated example, the seven usernames should always have blue connections emanating from them, while everything else should always have red connections. However, as you can observe, this is definitely not consistently the case. This is where I am presently stuck, unable to find a solution.