Vis.js directed graph

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/vis/3.6.4/vis.min.js"></script>
<div id="relationships"></div>

JavaScript

// create an array with nodes
  var nodes = [
    {id: 1, label: 'Node 1'},
    {id: 2, label: 'Node 2'},
    {id: 3, label: 'Node 3'},
    {id: 4, label: 'Node 4'},
    {id: 5, label: 'Node 5'}
  ];

  // create an array with edges
  var edges = [
    {from: 1, to: 2},
    {from: 1, to: 3},
    {from: 2, to: 4},
    {from: 2, to: 5}
  ];

  // create a network
  var container = document.getElementById('relationships');
  var data= {
    nodes: nodes,
    edges: edges,
  };
  var options = {
    width: '100%',
    height: '100%',
    edges: {
	    color: 'red',
	    width: 16
	}
  };
  var network = new vis.Network(container, data, options);