title: D3 Dynamic hierarchical edge bundling - 2 way import
body: <p>I am trying to create a dynamic hierarchical edge bundling based on M Bostock's (<a href="http://bl.ocks.org/mbostock/7607999" rel="nofollow noreferrer">http://bl.ocks.org/mbostock/7607999</a>) implementation:</p>
  
  <p><img src="https://i.stack.imgur.com/gBqb0.gif" alt="enter image description here"></p>
  
  <p>The bl.ocks version of my data set is here: <a href="http://bl.ocks.org/ratnakarv/91ace0b5f77fff5ef0ab" rel="nofollow noreferrer">http://bl.ocks.org/ratnakarv/91ace0b5f77fff5ef0ab</a></p>
  
  <p>Unlike the original, where a relation between Node 1 and Node 2 is one way (i.e either Node 1 can import Node 2 or other way around), in my data set, Node 1 and Node 2 can have two way import relationship. This happens way too often in business process flows, which is where my application of this is going to be.</p>
  
  <ul>
  <li>Current challenge:</li>
  </ul>
  
  <p>In this example- 'Assess' imports 'Create QOS degradation Report' and 'Create QOS...' imports 'Assess' as well. But when mouse is over, 'Assess', node - 'Create..' is shown in red, but the line is green. When mouse is over node- 'Create...', the import line as well as 'Assess' is shown red.</p>
  
  <ul>
  <li>Desired Requirement:</li>
  </ul>
  
  <p>My requirement is that if a two way import exists, then either - 1. the line as well as other node be shown in a third colour (other than red or green) or 2. the line as well as other node be shown as red.</p>
  
  <p>Any pointers to this would help. I have a basic knowledge of D3, but I am not a data visualization expert and merely try using visualization in my field of work for better communication. </p>