update data

README.md

@@ -19,16 +19,16 @@ _These JavaScript-based interactive charts are highly memory intensive. You will
 
 ## Monero
 
-- [Difficulty](https://stoffu.github.io/diff-chart/monero-1.html) ([0](https://stoffu.github.io/diff-chart/monero-0.html))
-- [Transactions per day](https://stoffu.github.io/diff-chart/monero-tx-per-day-1.html) ([0](https://stoffu.github.io/diff-chart/monero-tx-per-day-0.html))
-- [Ring sizes](https://stoffu.github.io/diff-chart/monero-ring-size-1.html) ([0](https://stoffu.github.io/diff-chart/monero-ring-size-0.html))
-- [Block size](https://stoffu.github.io/diff-chart/monero-block-size-1.html) ([0](https://stoffu.github.io/diff-chart/monero-block-size-0.html))
-- [Blockchain size](https://stoffu.github.io/diff-chart/monero-bc-size-1.html) ([0](https://stoffu.github.io/diff-chart/monero-bc-size-0.html))
-- [Block reward](https://stoffu.github.io/diff-chart/monero-block-reward-1.html) ([0](https://stoffu.github.io/diff-chart/monero-block-reward-0.html))
-- [Coin supply](https://stoffu.github.io/diff-chart/monero-coin-supply-1.html) ([0](https://stoffu.github.io/diff-chart/monero-coin-supply-0.html))
-- [Block time](https://stoffu.github.io/diff-chart/monero-block-time-1.html) ([0](https://stoffu.github.io/diff-chart/monero-block-time-0.html))
-- [Nonce](https://stoffu.github.io/diff-chart/monero-nonce-1.html) ([0](https://stoffu.github.io/diff-chart/monero-nonce-0.html))
-- [Amount](https://stoffu.github.io/diff-chart/monero-amount-1.html) ([0](https://stoffu.github.io/diff-chart/monero-amount-0.html))
+- [Difficulty](https://stoffu.github.io/diff-chart/monero-2.html) ([0](https://stoffu.github.io/diff-chart/monero-0.html)) ([1](https://stoffu.github.io/diff-chart/monero-1.html))
+- [Transactions per day](https://stoffu.github.io/diff-chart/monero-tx-per-day-2.html) ([0](https://stoffu.github.io/diff-chart/monero-tx-per-day-0.html)) ([1](https://stoffu.github.io/diff-chart/monero-tx-per-day-1.html))
+- [Ring sizes](https://stoffu.github.io/diff-chart/monero-ring-size-2.html) ([0](https://stoffu.github.io/diff-chart/monero-ring-size-0.html)) ([1](https://stoffu.github.io/diff-chart/monero-ring-size-1.html))
+- [Block size](https://stoffu.github.io/diff-chart/monero-block-size-2.html) ([0](https://stoffu.github.io/diff-chart/monero-block-size-0.html)) ([1](https://stoffu.github.io/diff-chart/monero-block-size-1.html))
+- [Blockchain size](https://stoffu.github.io/diff-chart/monero-bc-size-2.html) ([0](https://stoffu.github.io/diff-chart/monero-bc-size-0.html)) ([1](https://stoffu.github.io/diff-chart/monero-bc-size-1.html))
+- [Block reward](https://stoffu.github.io/diff-chart/monero-block-reward-2.html) ([0](https://stoffu.github.io/diff-chart/monero-block-reward-0.html)) ([1](https://stoffu.github.io/diff-chart/monero-block-reward-1.html))
+- [Coin supply](https://stoffu.github.io/diff-chart/monero-coin-supply-2.html) ([0](https://stoffu.github.io/diff-chart/monero-coin-supply-0.html)) ([1](https://stoffu.github.io/diff-chart/monero-coin-supply-1.html))
+- [Block time](https://stoffu.github.io/diff-chart/monero-block-time-2.html) ([0](https://stoffu.github.io/diff-chart/monero-block-time-0.html)) ([1](https://stoffu.github.io/diff-chart/monero-block-time-1.html))
+- [Nonce](https://stoffu.github.io/diff-chart/monero-nonce-2.html) ([0](https://stoffu.github.io/diff-chart/monero-nonce-0.html)) ([1](https://stoffu.github.io/diff-chart/monero-nonce-1.html))
+- [Amount](https://stoffu.github.io/diff-chart/monero-amount-2.html) ([0](https://stoffu.github.io/diff-chart/monero-amount-0.html)) ([1](https://stoffu.github.io/diff-chart/monero-amount-1.html))
 
 ## Wownero
 

aeon-1.html

@@ -17,6 +17,7 @@
 <script src="js/util.js"></script>
 <script src="data/aeon-data-10.js"></script>
 <script src="data/aeon-data-11.js"></script>
+<script src="data/aeon-data-12.js"></script>
 <script src="js/diff.js"></script>
 <script src="aeon-config.js"></script>
 
@@ -25,6 +26,7 @@
 var chart = get_chart([].concat(
     chartData_10,
     chartData_11,
+    chartData_12,
 ), aeon_config, aeon_offset_1);
 
 function toggleLogScale() {

aeon-amount-1.html

@@ -17,6 +17,7 @@
 <script src="js/util.js"></script>
 <script src="data/aeon-data-10.js"></script>
 <script src="data/aeon-data-11.js"></script>
+<script src="data/aeon-data-12.js"></script>
 <script src="js/amount.js"></script>
 <script src="aeon-config.js"></script>
 
@@ -25,6 +26,7 @@
 var chart = get_chart([].concat(
     chartData_10,
     chartData_11,
+    chartData_12,
 ), aeon_config, aeon_offset_1);
 
 function togglePan() {

aeon-bc-size-1.html

@@ -17,6 +17,7 @@
 <script src="js/util.js"></script>
 <script src="data/aeon-data-10.js"></script>
 <script src="data/aeon-data-11.js"></script>
+<script src="data/aeon-data-12.js"></script>
 <script src="js/bc-size.js"></script>
 <script src="aeon-config.js"></script>
 
@@ -25,6 +26,7 @@
 var chart = get_chart([].concat(
     chartData_10,
     chartData_11,
+    chartData_12,
 ), aeon_config, aeon_offset_1);
 
 function togglePan() {

aeon-block-reward-1.html

@@ -17,6 +17,7 @@
 <script src="js/util.js"></script>
 <script src="data/aeon-data-10.js"></script>
 <script src="data/aeon-data-11.js"></script>
+<script src="data/aeon-data-12.js"></script>
 <script src="js/block-reward.js"></script>
 <script src="aeon-config.js"></script>
 
@@ -25,6 +26,7 @@
 var chart = get_chart([].concat(
     chartData_10,
     chartData_11,
+    chartData_12,
     ), aeon_config, aeon_offset_1);
 
 function togglePan() {

aeon-block-size-1.html

@@ -17,6 +17,7 @@
 <script src="js/util.js"></script>
 <script src="data/aeon-data-10.js"></script>
 <script src="data/aeon-data-11.js"></script>
+<script src="data/aeon-data-12.js"></script>
 <script src="js/block-size.js"></script>
 <script src="aeon-config.js"></script>
 
@@ -25,6 +26,7 @@
 var chart = get_chart([].concat(
     chartData_10,
     chartData_11,
+    chartData_12,
 ), aeon_offset_1);
 
 function togglePan() {

aeon-block-time-1.html

@@ -17,6 +17,7 @@
 <script src="js/util.js"></script>
 <script src="data/aeon-data-10.js"></script>
 <script src="data/aeon-data-11.js"></script>
+<script src="data/aeon-data-12.js"></script>
 <script src="js/block-time.js"></script>
 <script src="aeon-config.js"></script>
 
@@ -25,6 +26,7 @@
 var chart = get_chart([].concat(
     chartData_10,
     chartData_11,
+    chartData_12,
 ), aeon_offset_1);
 
 function togglePan() {

aeon-coin-supply-1.html

@@ -18,6 +18,7 @@
 <script src="js/util.js"></script>
 <script src="data/aeon-data-10.js"></script>
 <script src="data/aeon-data-11.js"></script>
+<script src="data/aeon-data-12.js"></script>
 <script src="js/coin-supply.js"></script>
 <script src="aeon-config.js"></script>
 
@@ -26,6 +27,7 @@
 var chart = get_chart([].concat(
     chartData_10,
     chartData_11,
+    chartData_12,
     ), aeon_config, aeon_offset_1);
 
 function togglePan() {

aeon-config.js

@@ -34,5 +34,5 @@ var aeon_offset_1 = {
     supply: "16230799273689217059",
     supply_proj: "16234708945129113452",
     accum_fee: "8090111859795393",
-    bc_size: 2745344988,
+    bc_size: 2788344945,
 };

aeon-nonce-1.html

@@ -17,6 +17,7 @@
 <script src="js/util.js"></script>
 <script src="data/aeon-data-10.js"></script>
 <script src="data/aeon-data-11.js"></script>
+<script src="data/aeon-data-12.js"></script>
 <script src="js/nonce.js"></script>
 <script src="aeon-config.js"></script>
 
@@ -25,6 +26,7 @@
 var chart = get_chart([].concat(
     chartData_10,
     chartData_11,
+    chartData_12,
 ), aeon_offset_1);
 
 function togglePan() {

aeon-ring-size-1.html

@@ -16,6 +16,7 @@
 <script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
 <script src="data/aeon-data-10.js"></script>
 <script src="data/aeon-data-11.js"></script>
+<script src="data/aeon-data-12.js"></script>
 <script src="js/ring-size.js"></script>
 <script src="aeon-config.js"></script>
 
@@ -25,6 +26,7 @@ var chart = get_chart(
     [].concat(
         chartData_10,
         chartData_11,
+        chartData_12,
     ),
     [1,2,3,4,5,6,7,8,9,10,15,20,50,100], aeon_offset_1
 );

aeon-tx-per-day-1.html

@@ -17,6 +17,7 @@
 <script src="js/util.js"></script>
 <script src="data/aeon-data-10.js"></script>
 <script src="data/aeon-data-11.js"></script>
+<script src="data/aeon-data-12.js"></script>
 <script src="js/tx-per-day.js"></script>
 <script src="aeon-config.js"></script>
 
@@ -25,6 +26,7 @@
 var chart = get_chart([].concat(
     chartData_10,
     chartData_11,
+    chartData_12,
 ), aeon_config, aeon_offset_1);
 
 function togglePan() {

js/bc-size.js

@@ -28,7 +28,7 @@ function get_chart(chartData, cryptonote_config, offset) {
         "graphs": [{
             "id": "g1",
             "lineColor": "#07ab82",
-            "balloonText": "Size: [[bc_size_str]]\nHeight: <b>[[height]]</b>",
+            "balloonText": "Size: [[bc_size_str]]\n([[bc_size]] bytes)\nHeight: <b>[[height]]</b>",
             "bullet": "round",
             "bulletBorderAlpha": 1,
             "bulletColor": "#FFFFFF",

monero-2.html

@@ -0,0 +1,46 @@
+<html>
+<header><title>Monero difficulty</title>
+<!-- Styles -->
+<style>
+#chartdiv {
+  width : 100%;
+  height  : 500px;
+}                                 
+</style>
+
+<!-- Resources -->
+<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
+<script src="https://www.amcharts.com/lib/3/serial.js"></script>
+<script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
+<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
+<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
+<script src="js/util.js"></script>
+<script src="data/monero-data-20.js"></script>
+<script src="js/diff.js"></script>
+<script src="monero-config.js"></script>
+
+<!-- Chart code -->
+<script>
+var chart = get_chart([].concat(
+    chartData_20,
+), monero_config, monero_offset_2);
+
+function toggleLogScale() {
+  chart.valueAxes[0].logarithmic = document.getElementById("log_scale").checked;
+  chart.validateNow();
+}
+
+function togglePan() {
+  chart.chartCursor.pan = document.getElementById("pan").checked;
+}
+
+</script>
+</header>
+<body>
+<h1>Monero difficulty</h1>
+<div id="chartdiv"></div>
+<p><input type="checkbox" id="log_scale" onclick="toggleLogScale()" checked>Log scale</p>
+<p><input type="checkbox" id="pan" onclick="togglePan()">Enable panning</p>
+<p><a href="./">Back to top</a></p>
+</body>
+</html>

monero-amount-2.html

@@ -0,0 +1,40 @@
+<html>
+<header><title>Monero amount</title>
+<!-- Styles -->
+<style>
+#chartdiv {
+  width : 100%;
+  height  : 500px;
+}                                 
+</style>
+
+<!-- Resources -->
+<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
+<script src="https://www.amcharts.com/lib/3/serial.js"></script>
+<script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
+<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
+<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
+<script src="js/util.js"></script>
+<script src="data/monero-data-20.js"></script>
+<script src="js/amount.js"></script>
+<script src="monero-config.js"></script>
+
+<!-- Chart code -->
+<script>
+var chart = get_chart([].concat(
+    chartData_20,
+), monero_config, monero_offset_2);
+
+function togglePan() {
+  chart.chartCursor.pan = document.getElementById("pan").checked;
+}
+
+</script>
+</header>
+<body>
+<h1>Monero amount</h1>
+<div id="chartdiv"></div>
+<p><input type="checkbox" id="pan" onclick="togglePan()">Enable panning</p>
+<p><a href="./">Back to top</a></p>
+</body>
+</html>

monero-bc-size-2.html

@@ -0,0 +1,40 @@
+<html>
+<header><title>Monero blockchain size</title>
+<!-- Styles -->
+<style>
+#chartdiv {
+  width : 100%;
+  height  : 500px;
+}                                 
+</style>
+
+<!-- Resources -->
+<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
+<script src="https://www.amcharts.com/lib/3/serial.js"></script>
+<script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
+<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
+<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
+<script src="js/util.js"></script>
+<script src="data/monero-data-20.js"></script>
+<script src="js/bc-size.js"></script>
+<script src="monero-config.js"></script>
+
+<!-- Chart code -->
+<script>
+var chart = get_chart([].concat(
+    chartData_20,
+), monero_config, monero_offset_2);
+
+function togglePan() {
+  chart.chartCursor.pan = document.getElementById("pan").checked;
+}
+
+</script>
+</header>
+<body>
+<h1>Monero blockchain size</h1>
+<div id="chartdiv"></div>
+<p><input type="checkbox" id="pan" onclick="togglePan()">Enable panning</p>
+<p><a href="./">Back to top</a></p>
+</body>
+</html>

monero-block-reward-2.html

@@ -0,0 +1,40 @@
+<html>
+<header><title>Monero block reward</title>
+<!-- Styles -->
+<style>
+#chartdiv {
+  width : 100%;
+  height  : 500px;
+}                                 
+</style>
+
+<!-- Resources -->
+<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
+<script src="https://www.amcharts.com/lib/3/serial.js"></script>
+<script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
+<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
+<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
+<script src="js/util.js"></script>
+<script src="data/monero-data-20.js"></script>
+<script src="js/block-reward.js"></script>
+<script src="monero-config.js"></script>
+
+<!-- Chart code -->
+<script>
+var chart = get_chart([].concat(
+    chartData_20,
+    ), monero_config, monero_offset_2);
+
+function togglePan() {
+  chart.chartCursor.pan = document.getElementById("pan").checked;
+}
+
+</script>
+</header>
+<body>
+<h1>Monero block reward</h1>
+<div id="chartdiv"></div>
+<p><input type="checkbox" id="pan" onclick="togglePan()">Enable panning</p>
+<p><a href="./">Back to top</a></p>
+</body>
+</html>

monero-block-size-2.html

@@ -0,0 +1,40 @@
+<html>
+<header><title>Monero block size</title>
+<!-- Styles -->
+<style>
+#chartdiv {
+  width : 100%;
+  height  : 500px;
+}                                 
+</style>
+
+<!-- Resources -->
+<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
+<script src="https://www.amcharts.com/lib/3/serial.js"></script>
+<script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
+<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
+<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
+<script src="js/util.js"></script>
+<script src="data/monero-data-20.js"></script>
+<script src="js/block-size.js"></script>
+<script src="monero-config.js"></script>
+
+<!-- Chart code -->
+<script>
+var chart = get_chart([].concat(
+    chartData_20,
+), monero_offset_2);
+
+function togglePan() {
+  chart.chartCursor.pan = document.getElementById("pan").checked;
+}
+
+</script>
+</header>
+<body>
+<h1>Monero block size</h1>
+<div id="chartdiv"></div>
+<p><input type="checkbox" id="pan" onclick="togglePan()">Enable panning</p>
+<p><a href="./">Back to top</a></p>
+</body>
+</html>

monero-block-time-2.html

@@ -0,0 +1,40 @@
+<html>
+<header><title>Monero block time</title>
+<!-- Styles -->
+<style>
+#chartdiv {
+  width : 100%;
+  height  : 500px;
+}                                 
+</style>
+
+<!-- Resources -->
+<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
+<script src="https://www.amcharts.com/lib/3/serial.js"></script>
+<script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
+<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
+<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
+<script src="js/util.js"></script>
+<script src="data/monero-data-20.js"></script>
+<script src="js/block-time.js"></script>
+<script src="monero-config.js"></script>
+
+<!-- Chart code -->
+<script>
+var chart = get_chart([].concat(
+    chartData_20,
+), monero_offset_2);
+
+function togglePan() {
+  chart.chartCursor.pan = document.getElementById("pan").checked;
+}
+
+</script>
+</header>
+<body>
+<h1>Monero block time</h1>
+<div id="chartdiv"></div>
+<p><input type="checkbox" id="pan" onclick="togglePan()">Enable panning</p>
+<p><a href="./">Back to top</a></p>
+</body>
+</html>

monero-coin-supply-2.html

@@ -0,0 +1,41 @@
+<html>
+<header><title>Monero coin supply</title>
+<!-- Styles -->
+<style>
+#chartdiv {
+  width : 100%;
+  height  : 500px;
+}                                 
+</style>
+
+<!-- Resources -->
+<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
+<script src="https://www.amcharts.com/lib/3/serial.js"></script>
+<script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
+<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
+<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
+<script src="js/BigInteger.js"></script>
+<script src="js/util.js"></script>
+<script src="data/monero-data-20.js"></script>
+<script src="js/coin-supply.js"></script>
+<script src="monero-config.js"></script>
+
+<!-- Chart code -->
+<script>
+var chart = get_chart([].concat(
+    chartData_20,
+    ), monero_config, monero_offset_2);
+
+function togglePan() {
+  chart.chartCursor.pan = document.getElementById("pan").checked;
+}
+
+</script>
+</header>
+<body>
+<h1>Monero coin supply</h1>
+<div id="chartdiv"></div>
+<p><input type="checkbox" id="pan" onclick="togglePan()">Enable panning</p>
+<p><a href="./">Back to top</a></p>
+</body>
+</html>

monero-config.js

@@ -21,5 +21,13 @@ var monero_offset_1 = {
     supply: "11319902360375037196",
     supply_proj: "11338799512357636715",
     accum_fee: "28065472452232840",
-    bc_size: 2630363526,
+    bc_size: 2673363483,
+};
+
+var monero_offset_2 = {
+    height: 2000000,
+    supply: "17377181853051533808",
+    supply_proj: "17381467531075450577",
+    accum_fee: "94201213460887986",
+    bc_size: 60200955610,
 };

monero-nonce-2.html

@@ -0,0 +1,41 @@
+<html>
+<header><title>Monero nonce</title>
+<!-- Styles -->
+<style>
+#chartdiv {
+  width : 100%;
+  height  : 500px;
+}                                 
+</style>
+
+<!-- Resources -->
+<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
+<script src="https://www.amcharts.com/lib/3/serial.js"></script>
+<script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
+<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
+<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
+<script src="js/util.js"></script>
+<script src="data/monero-data-20.js"></script>
+<script src="js/nonce.js"></script>
+<script src="monero-config.js"></script>
+
+<!-- Chart code -->
+<script>
+var chart = get_chart([].concat(
+    chartData_20,
+), monero_offset_2);
+
+function togglePan() {
+  chart.chartCursor.pan = document.getElementById("pan").checked;
+}
+
+</script>
+</header>
+<body>
+<h1>Monero nonce</h1>
+<p>Since drawing many points in amCharts is somehow very slow and can make your browser unresponsive, the maximum number of points being drawn is limited to 200000 which is what the initial zoom level shows. For easily viewing the past data, use the "Show all" button to maximally zoom out and then use mouse dragging to select the time period as you wish.</p>
+<div id="chartdiv"></div>
+<p><input type="checkbox" id="pan" onclick="togglePan()">Enable panning</p>
+<p><a href="./">Back to top</a></p>
+</body>
+</html>

monero-ring-size-2.html

@@ -0,0 +1,42 @@
+<html>
+<header><title>Monero ring sizes</title>
+<!-- Styles -->
+<style>
+#chartdiv {
+  width : 100%;
+  height  : 500px;
+}                                 
+</style>
+
+<!-- Resources -->
+<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
+<script src="https://www.amcharts.com/lib/3/serial.js"></script>
+<script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
+<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
+<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
+<script src="data/monero-data-20.js"></script>
+<script src="js/ring-size.js"></script>
+<script src="monero-config.js"></script>
+
+<!-- Chart code -->
+<script>
+var chart = get_chart(
+    [].concat(
+        chartData_20,
+    ),
+    [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,20,30,40,50,100], monero_offset_2
+);
+
+function togglePan() {
+  chart.chartCursor.pan = document.getElementById("pan").checked;
+}
+
+</script>
+</header>
+<body>
+<h1>Monero ring sizes</h1>
+<div id="chartdiv"></div>
+<p><input type="checkbox" id="pan" onclick="togglePan()">Enable panning</p>
+<p><a href="./">Back to top</a></p>
+</body>
+</html>

monero-tx-per-day-2.html

@@ -0,0 +1,40 @@
+<html>
+<header><title>Monero transactions per day</title>
+<!-- Styles -->
+<style>
+#chartdiv {
+  width : 100%;
+  height  : 500px;
+}                                 
+</style>
+
+<!-- Resources -->
+<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
+<script src="https://www.amcharts.com/lib/3/serial.js"></script>
+<script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
+<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
+<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
+<script src="js/util.js"></script>
+<script src="data/monero-data-20.js"></script>
+<script src="js/tx-per-day.js"></script>
+<script src="monero-config.js"></script>
+
+<!-- Chart code -->
+<script>
+var chart = get_chart([].concat(
+    chartData_20,
+), monero_config, monero_offset_2);
+
+function togglePan() {
+  chart.chartCursor.pan = document.getElementById("pan").checked;
+}
+
+</script>
+</header>
+<body>
+<h1>Monero transactions per day</h1>
+<div id="chartdiv"></div>
+<p><input type="checkbox" id="pan" onclick="togglePan()">Enable panning</p>
+<p><a href="./">Back to top</a></p>
+</body>
+</html>

wownero-bc-size.html

@@ -17,6 +17,7 @@
 <script src="js/util.js"></script>
 <script src="data/wownero-data-0.js"></script>
 <script src="data/wownero-data-1.js"></script>
+<script src="data/wownero-data-2.js"></script>
 <script src="js/bc-size.js"></script>
 <script src="wownero-config.js"></script>
 
@@ -24,7 +25,8 @@
 <script>
 var chart = get_chart([].concat(
   chartData_0,
-  chartData_1
+  chartData_1,
+  chartData_2,
 ), wownero_config);
 
 function togglePan() {

wownero-block-reward.html

@@ -17,6 +17,7 @@
 <script src="js/util.js"></script>
 <script src="data/wownero-data-0.js"></script>
 <script src="data/wownero-data-1.js"></script>
+<script src="data/wownero-data-2.js"></script>
 <script src="js/block-reward.js"></script>
 <script src="wownero-config.js"></script>
 
@@ -24,7 +25,8 @@
 <script>
 var chart = get_chart([].concat(
   chartData_0,
-  chartData_1
+  chartData_1,
+  chartData_2,
 ), wownero_config);
 
 function togglePan() {

wownero-block-size.html

@@ -17,13 +17,15 @@
 <script src="js/util.js"></script>
 <script src="data/wownero-data-0.js"></script>
 <script src="data/wownero-data-1.js"></script>
+<script src="data/wownero-data-2.js"></script>
 <script src="js/block-size.js"></script>
 
 <!-- Chart code -->
 <script>
 var chart = get_chart([].concat(
   chartData_0,
-  chartData_1
+  chartData_1,
+  chartData_2,
 ));
 
 function togglePan() {

wownero-block-time.html

@@ -17,13 +17,15 @@
 <script src="js/util.js"></script>
 <script src="data/wownero-data-0.js"></script>
 <script src="data/wownero-data-1.js"></script>
+<script src="data/wownero-data-2.js"></script>
 <script src="js/block-time.js"></script>
 
 <!-- Chart code -->
 <script>
 var chart = get_chart([].concat(
   chartData_0,
-  chartData_1
+  chartData_1,
+  chartData_2,
 ));
 
 function togglePan() {

wownero-coin-supply.html

@@ -18,6 +18,7 @@
 <script src="js/util.js"></script>
 <script src="data/wownero-data-0.js"></script>
 <script src="data/wownero-data-1.js"></script>
+<script src="data/wownero-data-2.js"></script>
 <script src="js/coin-supply.js"></script>
 <script src="wownero-config.js"></script>
 
@@ -25,7 +26,8 @@
 <script>
 var chart = get_chart([].concat(
   chartData_0,
-  chartData_1
+  chartData_1,
+  chartData_2,
 ), wownero_config);
 
 function togglePan() {

wownero-nonce.html

@@ -17,13 +17,15 @@
 <script src="js/util.js"></script>
 <script src="data/wownero-data-0.js"></script>
 <script src="data/wownero-data-1.js"></script>
+<script src="data/wownero-data-2.js"></script>
 <script src="js/nonce.js"></script>
 
 <!-- Chart code -->
 <script>
 var chart = get_chart([].concat(
   chartData_0,
-  chartData_1
+  chartData_1,
+  chartData_2,
 ));
 
 function togglePan() {

wownero-ring-size.html

@@ -16,13 +16,15 @@
 <script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
 <script src="data/wownero-data-0.js"></script>
 <script src="data/wownero-data-1.js"></script>
+<script src="data/wownero-data-2.js"></script>
 <script src="js/ring-size.js"></script>
 
 <!-- Chart code -->
 <script>
 var chart = get_chart([].concat(
   chartData_0,
-  chartData_1
+  chartData_1,
+  chartData_2,
 ), [1,7,8,9,10,11,12,13,14,15,21,22,50,100]);
 
 function togglePan() {

wownero-tx-per-day.html

@@ -17,6 +17,7 @@
 <script src="js/util.js"></script>
 <script src="data/wownero-data-0.js"></script>
 <script src="data/wownero-data-1.js"></script>
+<script src="data/wownero-data-2.js"></script>
 <script src="js/tx-per-day.js"></script>
 <script src="wownero-config.js"></script>
 
@@ -24,7 +25,8 @@
 <script>
 var chart = get_chart([].concat(
   chartData_0,
-  chartData_1
+  chartData_1,
+  chartData_2,
 ), wownero_config);
 
 function togglePan() {

wownero.html

@@ -17,6 +17,7 @@
 <script src="js/util.js"></script>
 <script src="data/wownero-data-0.js"></script>
 <script src="data/wownero-data-1.js"></script>
+<script src="data/wownero-data-2.js"></script>
 <script src="js/diff.js"></script>
 <script src="wownero-config.js"></script>
 
@@ -24,7 +25,8 @@
 <script>
 var chart = get_chart([].concat(
   chartData_0,
-  chartData_1
+  chartData_1,
+  chartData_2,
 ), wownero_config);
 
 function toggleLogScale() {