-
Notifications
You must be signed in to change notification settings - Fork 3
/
PeercoinAnalytics_js.html
74 lines (73 loc) · 6.14 KB
/
PeercoinAnalytics_js.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html>
<head>
<title>Peercoin Analytics</title>
<link rel="stylesheet" href="bootstrap.min.css">
<script src="plotly-2.3.0.min.js"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<div class="px-4 py-1 my-1 text-center">
<!--This svg is all just the logo, made by boostrap-->
<svg class="peercoin__logo" height="90px" clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.41421" viewBox="0 0 1280 1111" xmlns="http://www.w3.org/2000/svg"><g transform="scale(1 .867969)"><path d="m0 0h1280v1280h-1280z" fill="none"/><path d="m645.897 997.002c-4.066.345-7.288.425-9.259.429-64.344.13-116.584-52.24-116.584-116.585 0-.517.003-1.032.01-1.547v-1.639h-.01v-123.585h.01c39.047-.609 135.395 7.898 188.528 81.807 13.757 19.136 21.862 42.602 21.862 67.946 0 15.211-2.92 29.745-8.229 43.072l-.036-.03c-3.406 9.033-12.469 27.645-36.113 39.499-3.805 1.907-7.69 3.489-11.536 4.799 16.969-64.96-5.212-159.071-103.759-204.296 59.849 37.101 107.124 130.525 75.116 210.13z" fill="#3cb054" transform="matrix(2.69664 0 0 3.10684 -1085.8456288 -2342.6846228)"/><g fill="#333" fill-rule="nonzero" transform="matrix(26.7906060384 0 0 30.8658651004 -13365.750928 -34897.800768)"><path d="m501.951 1163.79c-.822 0-1.398.33-1.8.84v-.69h-1.254v8.15h1.254v-3.08c.402.5.978.83 1.8.83 1.608 0 2.874-1.26 2.874-3.02s-1.266-3.03-2.874-3.03zm-.15 1.19c1.08 0 1.734.83 1.734 1.84s-.654 1.84-1.734 1.84c-1.032 0-1.734-.79-1.734-1.84s.702-1.84 1.734-1.84z"/><path d="m508.827 1163.79c-1.692 0-2.862 1.23-2.862 3.03 0 1.82 1.212 3.02 2.94 3.02.87 0 1.662-.21 2.364-.81l-.624-.89c-.48.38-1.086.6-1.662.6-.81 0-1.548-.43-1.71-1.46h4.248c.018-.14.024-.31.024-.47 0-1.79-1.116-3.02-2.718-3.02zm-.024 1.12c.798 0 1.32.52 1.458 1.42h-2.982c.126-.84.63-1.42 1.524-1.42z"/><path d="m515.547 1163.79c-1.692 0-2.862 1.23-2.862 3.03 0 1.82 1.212 3.02 2.94 3.02.87 0 1.662-.21 2.364-.81l-.624-.89c-.48.38-1.086.6-1.662.6-.81 0-1.548-.43-1.71-1.46h4.248c.018-.14.024-.31.024-.47 0-1.79-1.116-3.02-2.718-3.02zm-.024 1.12c.798 0 1.32.52 1.458 1.42h-2.982c.126-.84.63-1.42 1.524-1.42z"/><path d="m522.729 1163.79c-.702 0-1.284.25-1.668.8v-.65h-1.242v5.75h1.254v-3.16c0-.98.57-1.54 1.368-1.54.306 0 .69.07.954.21l.3-1.24c-.288-.12-.582-.17-.966-.17z"/><path d="m527.343 1163.79c-1.824 0-3.024 1.31-3.024 3.03s1.2 3.02 3.024 3.02c.864 0 1.62-.31 2.148-.92l-.774-.86c-.366.34-.858.6-1.41.6-.966 0-1.698-.76-1.698-1.84 0-1.09.732-1.84 1.698-1.84.552 0 .972.21 1.38.59l.804-.86c-.51-.6-1.284-.92-2.148-.92z"/><path d="m533.451 1163.79c-1.776 0-3.09 1.31-3.09 3.03s1.314 3.02 3.09 3.02 3.096-1.3 3.096-3.02-1.32-3.03-3.096-3.03zm0 1.19c1.026 0 1.806.75 1.806 1.84 0 1.08-.78 1.84-1.806 1.84s-1.8-.76-1.8-1.84c0-1.09.774-1.84 1.8-1.84z"/><path d="m539.361 1169.69v-5.75h-1.26v5.75zm-.636-8.62c-.504 0-.876.39-.876.89s.372.87.876.87c.498 0 .888-.37.888-.87s-.39-.89-.888-.89z"/><path d="m544.341 1163.79c-.588 0-1.302.18-1.764.86v-.71h-1.248v5.75h1.26v-3.18c0-.99.678-1.52 1.488-1.52.846 0 1.338.54 1.338 1.5v3.2h1.26v-3.61c0-1.34-.966-2.29-2.334-2.29z"/></g></g></svg>
<h1 class="display-5 fw-bold">Peercoin Analytics</h1>
<h3>Analyze Your Transaction History</h3>
<div class="col-lg-7 mx-auto">
<span class="lead mb-4">Export your transaction history</span>
<br>
<span class="lead mb-4">from the 'Transactions' tab of the Peercoin client.</span>
<br>
<span class="lead mb-4">Click red buttons to select file and analyze data.</span>
<div>
<label id="selfilebtn" for="fileInput" class="custom-file-upload btn btn-primary btn-lg px-4 gap-3" style="background-color:red">Select .csv File</label>
<input id="fileInput" type="file"/>
<div id="filearea" class="filetext">file name...</div>
<button id="impdatabtn" type="button" class="btn btn-primary btn-lg px-4 gap-3" onclick="impdata()">Import Data</button>
</div>
<div>
<select id="addressarea">
<option value="All">All Addresses (imported by default)</option>
</select>
<button id="impaddrbtn" type="button" class="btn btn-primary btn-lg px-4 gap-3" onclick="impaddr()">Select Address</button>
</div>
<span class="lead mb-4"> Analysis for Address: </span>
<span id="trgtaddr" class="lead mb-4"> Not loaded </span>
<br>
<span id="addrwarn" class="lead mb-4"> </span>
<br><br>
<label for="start">Start date:</label>
<input type="date" id="windowstart" name="windowstart" value="2012-08-19" min="2012-08-15"></input>
<label for="end">End date:</label>
<input type="date" id="windowend" name="windowend" value="2022-02-19" min="2012-08-15"></input>
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
<button id="datebtn" type="button" class="btn btn-primary btn-lg px-4 gap-3" onclick="datedata()">Process Date Window</button>
</div>
<span class="lead mb-4"> Average Peercoin Balance: </span>
<span id="avg" class="lead mb-4"> # PPC </span>
<br>
<span class="lead mb-4"> Peercoin Minted: </span>
<span id="stake" class="lead mb-4"> # PPC </span>
<br>
<span class="lead mb-4"> Average Annualized Interest: </span>
<span id="interest" class="lead mb-4"> % Earned </span>
<br>
<span id="prediction" class="lead mb-4"> Minter Behavior </span>
</div>
</div>
<pre id="fileDisplayArea"><pre>
<div id="page-wrapper"></div>
<h3>Graph of Balance Over Time</h3>
<div id="areaone" class="graph">Data Not Yet Imported</div><br>
<h3>Graph of Annualized Interest Over Date Window</h3>
<div id="areatwo" class="graph">Date Window Not Yet Processed</div>
<h3>Percentage of Balance that was Minted During Date Window</h3>
<div id="areathree" class="graph">Date Window Not Yet Processed</div>
<h3>Reward of Mint Events</h3>
<div id="areafour" class="graph">Date Window Not Yet Processed</div>
<h3>Average Time Between Mints</h3>
<div id="areafive" class="graph">Date Window Not Yet Processed</div>
</div>
<script src="script.js"></script>
</body>
</html>