github.com/pdaian/flashboys2@v0.0.0-20190718175736-b101c35361f0/webapp/templates/global.html (about) 1 {% include 'header.html' %} 2 3 <div id="content"> 4 5 <h1> Global / Systemic Summary Statistics - Blocks ?? to ?? </h1> 6 7 <div id="gweidiv" style="width: 90%; margin-left: auto; margin-right: auto;"><!-- Plotly chart will be drawn inside this DIV --></div> 8 <div id="gasdiv" style="width: 90%; margin-left: auto; margin-right: auto;"><!-- Plotly chart will be drawn inside this DIV --></div> 9 10 <script> 11 var blockstats_success = {{ blockstats_success }}; 12 var blockstats_wfail = {{ blockstats_wfail }}; 13 var block_nums_success = blockstats_success.map(x => x[0]); 14 var gwei_bid_success = blockstats_success.map(x => x[2]); 15 var gwei_used_success = blockstats_success.map(x => x[3]); 16 var gas_bid_success = blockstats_success.map(x => x[4]); 17 var gas_used_success = blockstats_success.map(x => x[5]); 18 var block_nums_wfail = blockstats_wfail.map(x => x[0]); 19 var gwei_bid_wfail = blockstats_wfail.map(x => x[2]); 20 var gwei_used_wfail = blockstats_wfail.map(x => x[3]); 21 var gas_bid_wfail = blockstats_wfail.map(x => x[4]); 22 var gas_used_wfail = blockstats_wfail.map(x => x[5]); 23 24 var slotbar_gweiused_success = { 25 x: block_nums_success, 26 y: gwei_used_success, 27 type: 'hist', 28 name: 'Gwei Used, Successful Arbitrage' 29 } 30 var slotbar_gweibid_success = { 31 x: block_nums_success, 32 y: gwei_bid_success, 33 type: 'hist', 34 name: 'Gwei Bid, Successful Arbitrage' 35 } 36 var slotbar_gasbid_success = { 37 x: block_nums_success, 38 y: gas_bid_success, 39 type: 'hist', 40 name: 'Gas Bid, Successful Arbitrage', 41 } 42 var slotbar_gasused_success = { 43 x: block_nums_success, 44 y: gas_used_success, 45 type: 'hist', 46 name: 'Gas Used, Successful Arbitrage', 47 } 48 49 var slotbar_gweiused_wfail = { 50 x: block_nums_wfail, 51 y: gwei_used_wfail, 52 type: 'hist', 53 name: 'Gwei Used, Including Failures' 54 } 55 var slotbar_gweibid_wfail = { 56 x: block_nums_wfail, 57 y: gwei_bid_wfail, 58 type: 'hist', 59 name: 'Gwei Bid, Including Failures' 60 } 61 var slotbar_gasbid_wfail = { 62 x: block_nums_wfail, 63 y: gas_bid_wfail, 64 type: 'hist', 65 name: 'Gas Bid, Including Failures', 66 } 67 var slotbar_gasused_wfail = { 68 x: block_nums_wfail, 69 y: gas_used_wfail, 70 type: 'hist', 71 name: 'Gas Used, Including Failures', 72 } 73 74 var layout_gwei = {barmode: 'group', 75 title: 'Gwei of Gas Burned By Arbitrage', 76 yaxis : { 77 title: 'Gwei Consumed (10k block MA)', 78 titlefont: { 79 family: 'Courier New, monospace', 80 size: 18, 81 color: '#7f7f7f' 82 }, 83 autorange : true, 84 }, xaxis: { 85 title: 'Block Number', 86 titlefont: { 87 family: 'Courier New, monospace', 88 size: 18, 89 color: '#7f7f7f' 90 } 91 } 92 }; 93 94 var layout_gas = {barmode: 'group', 95 title: 'Gas Consumed by Arbitrage', 96 yaxis : { 97 title: 'Gas Consumed (10k block MA)', 98 titlefont: { 99 family: 'Courier New, monospace', 100 size: 18, 101 color: '#7f7f7f' 102 }, 103 autorange : true, 104 }, xaxis: { 105 title: 'Block Number', 106 titlefont: { 107 family: 'Courier New, monospace', 108 size: 18, 109 color: '#7f7f7f' 110 } 111 } 112 }; 113 114 115 Plotly.newPlot('gweidiv', [slotbar_gweibid_wfail, slotbar_gweiused_wfail, slotbar_gweibid_success, slotbar_gweiused_success], layout_gwei); 116 Plotly.newPlot('gasdiv', [slotbar_gasbid_wfail, slotbar_gasused_wfail, slotbar_gasbid_success, slotbar_gasused_success], layout_gas); 117 </script> 118 </div> 119 120 {% include 'footer.html' %} 121