186 lines
6.1 KiB
HTML
186 lines
6.1 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Memgraph Demo</title>
|
|
|
|
<link rel="stylesheet" href="demo.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/css/materialize.min.css">
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
<link rel="stylesheet" href="cypher/codemirror.css">
|
|
<link rel="stylesheet" href="cypher/neo.css">
|
|
|
|
<link rel="stylesheet" href="https://cdn.rawgit.com/novus/nvd3/v1.8.1/build/nv.d3.css">
|
|
<link rel="stylesheet" href="demo.css">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- title row -->
|
|
<div class="row">
|
|
<div class="valign-wrapper">
|
|
<h1 class="valign center title">Memgraph Benchmark</h1>
|
|
<span>
|
|
<button id="running-button"
|
|
class="btn waves-effect waves-light"
|
|
type="submit" name="action">
|
|
Start
|
|
</button>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- neo4j cards -->
|
|
<div class="row">
|
|
<div class="col s2">
|
|
<div id="q-0-0" class="card">
|
|
<div class="qps valign-wrapper">
|
|
<div class="col s6">
|
|
<h3 id="text" class="valign center w100">0</h3>
|
|
</div>
|
|
<div class="col s6">
|
|
<canvas id="gauge" width="150" height="60"
|
|
class="valign center"></canvas>
|
|
</div>
|
|
</div>
|
|
<textarea id="query">MATCH (n:Person) RETURN n</textarea>
|
|
</div>
|
|
<div id="q-0-1" class="card">
|
|
<div class="qps valign-wrapper">
|
|
<div class="col s6">
|
|
<h3 id="text" class="valign center w100">0</h3>
|
|
</div>
|
|
<div class="col s6">
|
|
<canvas id="gauge" width="150" height="60"
|
|
class="valign center"></canvas>
|
|
</div>
|
|
</div>
|
|
<textarea id="query">MATCH (n:Person) RETURN n</textarea>
|
|
</div>
|
|
<div id="q-0-2" class="card">
|
|
<div class="qps valign-wrapper">
|
|
<div class="col s6">
|
|
<h3 id="text" class="valign center w100">0</h3>
|
|
</div>
|
|
<div class="col s6">
|
|
<canvas id="gauge" width="150" height="60"
|
|
class="valign center"></canvas>
|
|
</div>
|
|
</div>
|
|
<textarea id="query">MATCH (n:Person) RETURN n</textarea>
|
|
</div>
|
|
<div id="q-0-3" class="card">
|
|
<div class="qps valign-wrapper">
|
|
<div class="col s6">
|
|
<h3 id="text" class="valign center w100">0</h3>
|
|
</div>
|
|
<div class="col s6">
|
|
<canvas id="gauge" width="150" height="60"
|
|
class="valign center"></canvas>
|
|
</div>
|
|
</div>
|
|
<textarea id="query">MATCH (n:Person) RETURN n</textarea>
|
|
</div>
|
|
<div id="q-0-4" class="card">
|
|
<div class="qps valign-wrapper">
|
|
<div class="col s6">
|
|
<h3 id="text" class="valign center w100">0</h3>
|
|
</div>
|
|
<div class="col s6">
|
|
<canvas id="gauge" width="150" height="60"
|
|
class="valign center"></canvas>
|
|
</div>
|
|
</div>
|
|
<textarea id="query">MATCH (n:Person) RETURN n</textarea>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- the graph -->
|
|
<div class="col s10">
|
|
<div class="card">
|
|
<div class="card-content">
|
|
<div id="chart" style="height: 750px;">
|
|
<svg></svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- memgraph cards -->
|
|
<!--
|
|
<div class="col s2">
|
|
<div id="q-1-0" class="card">
|
|
<div class="qps valign-wrapper">
|
|
<div class="col s6">
|
|
<h3 id="text" class="valign center w100">0</h3>
|
|
</div>
|
|
<div class="col s6">
|
|
<canvas id="gauge" width="150" height="60"
|
|
class="valign center"></canvas>
|
|
</div>
|
|
</div>
|
|
<textarea id="query">MATCH (n:Person) RETURN n</textarea>
|
|
</div>
|
|
<div id="q-1-1" class="card">
|
|
<div class="qps valign-wrapper">
|
|
<div class="col s6">
|
|
<h3 id="text" class="valign center w100">0</h3>
|
|
</div>
|
|
<div class="col s6">
|
|
<canvas id="gauge" width="150" height="60"
|
|
class="valign center"></canvas>
|
|
</div>
|
|
</div>
|
|
<textarea id="query">MATCH (n:Person) RETURN n</textarea>
|
|
</div>
|
|
<div id="q-1-2" class="card">
|
|
<div class="qps valign-wrapper">
|
|
<div class="col s6">
|
|
<h3 id="text" class="valign center w100">0</h3>
|
|
</div>
|
|
<div class="col s6">
|
|
<canvas id="gauge" width="150" height="60"
|
|
class="valign center"></canvas>
|
|
</div>
|
|
</div>
|
|
<textarea id="query">MATCH (n:Person) RETURN n</textarea>
|
|
</div>
|
|
<div id="q-1-3" class="card">
|
|
<div class="qps valign-wrapper">
|
|
<div class="col s6">
|
|
<h3 id="text" class="valign center w100">0</h3>
|
|
</div>
|
|
<div class="col s6">
|
|
<canvas id="gauge" width="150" height="60"
|
|
class="valign center"></canvas>
|
|
</div>
|
|
</div>
|
|
<textarea id="query">MATCH (n:Person) RETURN n</textarea>
|
|
</div>
|
|
<div id="q-1-4" class="card">
|
|
<div class="qps valign-wrapper">
|
|
<div class="col s6">
|
|
<h3 id="text" class="valign center w100">0</h3>
|
|
</div>
|
|
<div class="col s6">
|
|
<canvas id="gauge" width="150" height="60"
|
|
class="valign center"></canvas>
|
|
</div>
|
|
</div>
|
|
<textarea id="query">MATCH (n:Person) RETURN n</textarea>
|
|
</div>
|
|
</div>
|
|
-->
|
|
</div>
|
|
|
|
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/js/materialize.min.js"></script>
|
|
<script type="text/javascript" src="http://bernii.github.io/gauge.js/dist/gauge.min.js"></script>
|
|
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
|
|
<script src="https://cdn.rawgit.com/novus/nvd3/v1.8.1/build/nv.d3.min.js"></script>
|
|
<script src="cypher/codemirror.js"></script>
|
|
<script src="cypher/cypher.js"></script>
|
|
<script src="demo.js"></script>
|
|
|
|
</body>
|