mirror of
https://github.com/logos-storage/plonky2.git
synced 2026-01-02 13:53:07 +00:00
93 lines
2.6 KiB
HTML
93 lines
2.6 KiB
HTML
|
|
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<title>witness visualizer</title>
|
|
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
|
|
<meta http-equiv="Pragma" content="no-cache" />
|
|
<meta http-equiv="Expires" content="0" />
|
|
|
|
<link rel="stylesheet" href="styles.css">
|
|
<script language="javascript" src="witness_view.js"></script>
|
|
<script language="javascript">
|
|
window.onload = function() {
|
|
console.log("onload!");
|
|
// let fname = "json/fibonacci_witness.json";
|
|
let fname = "json/lookup_witness.json";
|
|
load_witness(fname);
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<h2>Plonky2 witness visualizer</h2>
|
|
|
|
<div>
|
|
file name: <input id="fname" type="text" placeholder="witness.json" disabled=true/>
|
|
</div>
|
|
|
|
<br/>
|
|
|
|
<div id="top-container">
|
|
|
|
<div class="horiz">
|
|
<table id="cell-properties">
|
|
<tr><th>parameter</th><th width="50px">value</th></tr>
|
|
<tr><td>number of columns </td><td id="num-cols" >0</td></tr>
|
|
<tr><td>number of rows </td><td id="num-rows" >0</td></tr>
|
|
<tr><td>ratio of non-empty cells</td><td id="nonempty-ratio">0</td></tr>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="horiz">
|
|
|
|
</div>
|
|
|
|
<div class="horiz">
|
|
<table id="gates">
|
|
<tr>
|
|
<th>index</th>
|
|
<th width="200px">gate type</th>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="horiz">
|
|
|
|
</div>
|
|
|
|
<div class="horiz">
|
|
<table id="cell-properties">
|
|
<tr><th>property</th><th width="200px">value (hover!)</th></tr>
|
|
<tr><td>row </td><td id="cell-row" ></td></tr>
|
|
<tr><td>column </td><td id="cell-column"></td></tr>
|
|
<tr><td>value </td><td id="cell-value" ></td></tr>
|
|
<tr><td>gate </td><td id="cell-gate" ></td></tr>
|
|
<tr><td>equation</td><td id="cell-equ" ></td></tr>
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<br/>
|
|
|
|
<div id="" style="overflow:scroll; width:1400px; height:600px;">
|
|
<svg id="matrix" width="1350" height="1000" xmlns="http://www.w3.org/2000/svg">
|
|
</svg>
|
|
<div>
|
|
|
|
<!--
|
|
<svg width="320" height="130" xmlns="http://www.w3.org/2000/svg">
|
|
<rect width="50" height="50" x="20" y="20" style="fill:rgb(128,128,255);stroke-width:1;stroke:black" />
|
|
<rect width="50" height="50" x="70" y="20" style="fill:rgb(128,255,128);stroke-width:1;stroke:black" />
|
|
<rect width="50" height="50" x="20" y="70" style="fill:rgb(255,128,128);stroke-width:1;stroke:black" />
|
|
<rect width="50" height="50" x="70" y="70" style="fill:rgb(255,255,128);stroke-width:1;stroke:black" />
|
|
</svg>
|
|
-->
|
|
|
|
|
|
</body>
|
|
</html>
|