<h1>VivaGraphJS Demo</h1>
<div class="graph-container"></div>

body {
  margin: 300px auto;
  font-family: 'Lato';
  font-weight: 300;
  margin-top: 0;
  overflow: hidden;
}

h1 {
  text-align: center;
  margin-bottom: 200px;
}

svg {
  overflow: visible !important;
}

var graphGenerator = Viva.Graph.generator();
var graph = graphGenerator.grid(10, 5);


var layout = Viva.Graph.Layout.forceDirected(graph, {
    springLength : 40,
    springCoeff : 0.0001,
    dragCoeff : 0.002,
    gravity : -0.5
});

var renderer = Viva.Graph.View.renderer(graph, {
    container: document.querySelector(".graph-container"),
    layout: layout
});
renderer.run();