This repository has been archived by the owner on Feb 9, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
71 lines (69 loc) · 4.38 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Twitch Extension Insight Graphs</title>
<meta http-equiv="Content-Security-Policy" content="default-src 'none'; script-src 'self' 'unsafe-eval' https://d3js.org; disown-opener; connect-src https://api.twitch.tv">
<script src="https://d3js.org/d3.v5.min.js" integrity="sha384-9L6G8qQXzch58Af3vHJptC1GoqdW+MT2KaDLwDcoTO+26KaHar1MnVAzCDBeweEe" crossorigin="anonymous"></script>
<script src="https://d3js.org/d3-dsv.v1.min.js" integrity="sha384-SY0weeLm52X1w7EOdygJ8gFRF9ooy8ofcKSxL2odMazp9NO128gdHqcYgxRxxMPp" crossorigin="anonymous"></script>
<script src="https://d3js.org/d3-array.v1.min.js" integrity="sha384-eNoN1QUquT7+e3vJmaXeE4NReeo65Lso043hmS4Btr3vnaCjL8YORqqdXrnOY/zM" crossorigin="anonymous"></script>
<script src="https://d3js.org/d3-time.v1.min.js" integrity="sha384-sGlPmDUJfg2PPPa8tJ3Jl3WXvVStJl7r3N6t4oFUxhsdmmK4MbS2mWthDjveUJ6u" crossorigin="anonymous"></script>
<script src="https://d3js.org/d3-time-format.v2.min.js" integrity="sha384-EFZCSQLPI8D7uiGPdxg764v6bIKF8yHW+hHuwKsGixqEJ6xjPKrnQfn+MDp/NnQ0" crossorigin="anonymous"></script>
<script src="https://d3js.org/d3-color.v1.min.js" integrity="sha384-z9r6s8wgcGOar3PugGMePRhjsOM9EZmaZ+T+eeuLOf13AwE9EpDxHGh65GvXttDW" crossorigin="anonymous"></script>
<script src="https://d3js.org/d3-interpolate.v1.min.js" integrity="sha384-5ruSWkAcYfur9CHThi1pqpZnlMwgxsw7MBP2/ZTu6LQIL5IXyfVGgll6EtYtRZVC" crossorigin="anonymous"></script>
<script src="https://d3js.org/d3-scale-chromatic.v1.min.js" integrity="sha384-u/018p7+HijcQ9bz43IyOpIynI4ovlsWs14LpPsQzzttuoSD2s8GU9v23P/Qv82I" crossorigin="anonymous"></script>
<script src="index.js" defer></script>
<script src="extensions.js" async defer></script>
</head>
<body>
<section id="extensions">
<h2>Quick CSV download links</h2>
<p><button id="login">Login</button> <button id="refresh" hidden>Refresh</button></p>
<ul>
</ul>
</section>
<section id="graphs">
<h2>Graphs</h2>
<section>
<label for="source">Stats CSV:</label><input id="source" type="file" accept="text/csv">
</section>
<section>
<label for="stat">Add Line:</label><select id="stat">
<option value="">Select data line</option>
<optgroup label="Twitch Data" disabled id="statgroup">
</optgroup>
<optgroup label="Calculated Stats" disabled id="calcgroup">
<option>Installed Channels</option>
<option>Linked Accounts</option>
<option>Install Rate</option>
<option>Renders per Viewer</option>
</optgroup>
</select>
</section>
<svg width="960" height="500"></svg>
</section>
<section id="stats">
<h2>Stats</h2>
<p>Estimated installs: <output id="installs"></output></p>
<p>Unique active channels: <output id="active"></output></p>
<p>Estimated linked accounts: <output id="linkedAccounts"></output></p>
<p>Currently live channels: <output id="liveCount"></output></p>
</section>
<footer>
<h2>Info</h2>
<p>Press F12 to see errors</p>
<p>This is fully client-side, nothing ever touches a 3rd party server.</p>
<p>"Installed Channels" and "Linked Accounts" are estimated numbers based on the two corresponding addition and removal numbers.</p>
<p>"Install Rate" and "Renders per Viewer" are ratios calculated from Installs over Extension Details Page Visits and Renders over Unique Viewers respectivelly.</p>
<p><a href="https://github.com/freaktechnik/extension-insights-graphs">GitHub repo</a></p>
</footer>
<section>
<h2>Recent Changes</h2>
<ul>
<li>Added dots at the individual data points with tooltips containing the date and exact value</li>
<li>Added "Renders per Viewer" and "Install Rate" calculated stats</li>
<li>Added "Currently live channels" count</li>
<li>Added "Installed Channels" and "Linked Accounts" calculated stats</li>
</ul>
</body>
</html>