title: (vis.js) How to have an edge from and/or to another edge? (instead of just between nodes)
body: <p><a href="https://codepen.io/andre-fr-silva/pen/PoOqZbZ" rel="nofollow noreferrer">https://codepen.io/andre-fr-silva/pen/PoOqZbZ</a></p>
  <pre><code>var nodes = new vis.DataSet([
    { id: 1, label: &quot;A&quot; },
    { id: 2, label: &quot;B&quot; },
    { id: 3, label: &quot;C&quot; },
  ]);
  
  var edges = new vis.DataSet([
    { from: 1, to: 2, arrows: { to: { enabled: true, type: &quot;arrow&quot;, }, },
     label: &quot;reaction activated by C&quot;
    }
  ]);
  
  var container = document.getElementById(&quot;mynetwork&quot;);
  var data = {
    nodes: nodes,
    edges: edges,
  };
  var options = {};
  var network = new vis.Network(container, data, options);
  
  </code></pre>
  <p>For example, to illustrate something which controls the reaction itself between A and B, and not some element.
  And without absolute-position-based workarounds.</p>