<script type="text/javascript" src="https://rawgit.com/sim51/neosig/master/docs/neosig.bundle-1.2.1.js"></script>

<script src="https://cdn.jsdelivr.net/npm/neo4j-driver"></script>

<script src="https://use.fontawesome.com/bd149a0111.js"></script>

var neo4j = {
    url: 'bolt://localhost',
    user: 'neo4j',
    password: 'admin',
    driver: {} // this is the neo4j driver configuration if neede (you can omit it
};

var style = {
    labels: {
      Person : {
          // field to display (if ommit, node's id will be displayed)
          label: 'name',
          color: '#654321',
          size: 10,
          icon: {
              // the fontawesome unicode
              name: 'f007',
              color: '#FFF',
              scale: 1.0
          }
      },
      Movie : {
          label: 'title',
          color: '#123456',
          size: 10,
          icon: {
            name: 'f008',
            color: '#FFF',
            scale: 1.0
          }
      }
    },
    edges: {
        ACTED_IN: {
            color: '#040404',
            size:2
        },
        DIRECTED: {
            color: '#040404',
            size:2
        }
    }
};

  var sig = new sigma({
      graph: result,
      renderer: {
        container: 'graph-container'
      },
      settings: {
        edgeLabelThreshold:1,
        drawEdgeLabels:true,
        edgeLabelSize:'fixed',
        defaultEdgeLabelSize:8,
        enableEdgeHovering: true,
        edgeHoverExtremities: true
      }
  });

  // enable drag'n'drop
  sigma.plugins.dragNodes(sig, sig.renderers[0]);

  // start layout
  sig.startForceAtlas2();
  setTimeout(() => { sig.stopForceAtlas2() }, Math.log(result.nodes.length*result.edges.length)*1000);