multisignature/test_dashboard.html at main · keygate-io/multisignature · GitHub

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
75
76
77

        <!DOCTYPE html>
        <html>
        <head>
            <title>Test Results Dashboard</title>
            <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
            <style>
                body { font-family: Arial, sans-serif; margin: 20px; }
                .container { max-width: 1200px; margin: 0 auto; }
                .stats {
                    display: grid;
                    grid-template-columns: 1fr 1fr;
                    gap: 20px;
                    margin: 20px 0;
                    padding: 20px;
                    background-color: #f5f5f5;
                    border-radius: 8px;
                }
                .stats-section {
                    padding: 15px;
                    background-color: white;
                    border-radius: 4px;
                    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
                }
                h1, h2 { color: #333; }
                .comparison {
                    margin-top: 20px;
                    padding: 15px;
                    background-color: #e8f4f8;
                    border-radius: 4px;
                }
            </style>
        </head>
        <body>
            <div class="container">
                <h1>Test Results Dashboard</h1>
                <div id="dashboard"></div>

                <div class="stats">
                    <div class="stats-section">
                        <h2>Iteration 1 Statistics</h2>
                        <p>Average Success Rate: 92.73%</p>
                        <p>Success Rate Range: 72.73% - 100.00%</p>
                        <p>Average Duration: 52.62 seconds</p>
                        <p>Duration Range: 46.92 - 61.84 seconds</p>
                        <p>Average Tests per Run: 11.0</p>
                        <p>Total Failed Tests: 4</p>
                        <p>Number of Runs: 5</p>
                    </div>

                    <div class="stats-section">
                        <h2>Iteration 2 Statistics</h2>
                        <p>Average Success Rate: 87.27%</p>
                        <p>Success Rate Range: 54.55% - 100.00%</p>
                        <p>Average Duration: 61.05 seconds</p>
                        <p>Duration Range: 49.10 - 77.51 seconds</p>
                        <p>Average Tests per Run: 11.0</p>
                        <p>Total Failed Tests: 7</p>
                        <p>Number of Runs: 5</p>
                    </div>
                </div>

                <div class="comparison">
                    <h2>Comparison (Iteration 2 vs Iteration 1)</h2>
                    <p>Success Rate Change: -5.45%</p>
                    <p>Duration Change: 8.43 seconds</p>
                    <p>Failed Tests Change: 3</p>
                </div>
            </div>

            <script>
                var plotData = {"data":[{"line":{"color":"#2ecc71"},"mode":"lines+markers","name":"Iteration 1 - Success Rate","x":[1,2,3,4,5],"y":[72.72727272727273,100.0,100.0,90.9090909090909,100.0],"type":"scatter","xaxis":"x","yaxis":"y"},{"line":{"color":"#e74c3c"},"mode":"lines+markers","name":"Iteration 2 - Success Rate","x":[1,2,3,4,5],"y":[54.54545454545454,90.9090909090909,90.9090909090909,100.0,100.0],"type":"scatter","xaxis":"x","yaxis":"y"},{"line":{"color":"#2ecc71"},"mode":"lines+markers","name":"Iteration 1 - Duration","x":[1,2,3,4,5],"y":[61.838342999999995,46.915200999999996,49.482158000000005,52.111459,52.772885],"type":"scatter","xaxis":"x2","yaxis":"y2"},{"line":{"color":"#e74c3c"},"mode":"lines+markers","name":"Iteration 2 - Duration","x":[1,2,3,4,5],"y":[77.509279,63.774680999999994,63.78882,49.098412,51.078047],"type":"scatter","xaxis":"x2","yaxis":"y2"},{"marker":{"color":"#2ecc71"},"name":"Iteration 1 - Passed","offsetgroup":"0","opacity":0.6,"x":[1,2,3,4,5],"y":[8,11,11,10,11],"type":"bar","xaxis":"x3","yaxis":"y3"},{"base":[8,11,11,10,11],"marker":{"color":"#2ecc71"},"name":"Iteration 1 - Failed","offsetgroup":"0","opacity":0.3,"x":[1,2,3,4,5],"y":[3,0,0,1,0],"type":"bar","xaxis":"x3","yaxis":"y3"},{"marker":{"color":"#e74c3c"},"name":"Iteration 2 - Passed","offsetgroup":"1","opacity":0.6,"x":[1,2,3,4,5],"y":[6,10,10,11,11],"type":"bar","xaxis":"x3","yaxis":"y3"},{"base":[6,10,10,11,11],"marker":{"color":"#e74c3c"},"name":"Iteration 2 - Failed","offsetgroup":"1","opacity":0.3,"x":[1,2,3,4,5],"y":[5,1,1,0,0],"type":"bar","xaxis":"x3","yaxis":"y3"}],"layout":{"template":{"data":{"histogram2dcontour":[{"type":"histogram2dcontour","colorbar":{"outlinewidth":0,"ticks":""},"colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"choropleth":[{"type":"choropleth","colorbar":{"outlinewidth":0,"ticks":""}}],"histogram2d":[{"type":"histogram2d","colorbar":{"outlinewidth":0,"ticks":""},"colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"heatmap":[{"type":"heatmap","colorbar":{"outlinewidth":0,"ticks":""},"colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"heatmapgl":[{"type":"heatmapgl","colorbar":{"outlinewidth":0,"ticks":""},"colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"contourcarpet":[{"type":"contourcarpet","colorbar":{"outlinewidth":0,"ticks":""}}],"contour":[{"type":"contour","colorbar":{"outlinewidth":0,"ticks":""},"colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"surface":[{"type":"surface","colorbar":{"outlinewidth":0,"ticks":""},"colorscale":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]]}],"mesh3d":[{"type":"mesh3d","colorbar":{"outlinewidth":0,"ticks":""}}],"scatter":[{"fillpattern":{"fillmode":"overlay","size":10,"solidity":0.2},"type":"scatter"}],"parcoords":[{"type":"parcoords","line":{"colorbar":{"outlinewidth":0,"ticks":""}}}],"scatterpolargl":[{"type":"scatterpolargl","marker":{"colorbar":{"outlinewidth":0,"ticks":""}}}],"bar":[{"error_x":{"color":"#2a3f5f"},"error_y":{"color":"#2a3f5f"},"marker":{"line":{"color":"#E5ECF6","width":0.5},"pattern":{"fillmode":"overlay","size":10,"solidity":0.2}},"type":"bar"}],"scattergeo":[{"type":"scattergeo","marker":{"colorbar":{"outlinewidth":0,"ticks":""}}}],"scatterpolar":[{"type":"scatterpolar","marker":{"colorbar":{"outlinewidth":0,"ticks":""}}}],"histogram":[{"marker":{"pattern":{"fillmode":"overlay","size":10,"solidity":0.2}},"type":"histogram"}],"scattergl":[{"type":"scattergl","marker":{"colorbar":{"outlinewidth":0,"ticks":""}}}],"scatter3d":[{"type":"scatter3d","line":{"colorbar":{"outlinewidth":0,"ticks":""}},"marker":{"colorbar":{"outlinewidth":0,"ticks":""}}}],"scattermapbox":[{"type":"scattermapbox","marker":{"colorbar":{"outlinewidth":0,"ticks":""}}}],"scatterternary":[{"type":"scatterternary","marker":{"colorbar":{"outlinewidth":0,"ticks":""}}}],"scattercarpet":[{"type":"scattercarpet","marker":{"colorbar":{"outlinewidth":0,"ticks":""}}}],"carpet":[{"aaxis":{"endlinecolor":"#2a3f5f","gridcolor":"white","linecolor":"white","minorgridcolor":"white","startlinecolor":"#2a3f5f"},"baxis":{"endlinecolor":"#2a3f5f","gridcolor":"white","linecolor":"white","minorgridcolor":"white","startlinecolor":"#2a3f5f"},"type":"carpet"}],"table":[{"cells":{"fill":{"color":"#EBF0F8"},"line":{"color":"white"}},"header":{"fill":{"color":"#C8D4E3"},"line":{"color":"white"}},"type":"table"}],"barpolar":[{"marker":{"line":{"color":"#E5ECF6","width":0.5},"pattern":{"fillmode":"overlay","size":10,"solidity":0.2}},"type":"barpolar"}],"pie":[{"automargin":true,"type":"pie"}]},"layout":{"autotypenumbers":"strict","colorway":["#636efa","#EF553B","#00cc96","#ab63fa","#FFA15A","#19d3f3","#FF6692","#B6E880","#FF97FF","#FECB52"],"font":{"color":"#2a3f5f"},"hovermode":"closest","hoverlabel":{"align":"left"},"paper_bgcolor":"white","plot_bgcolor":"#E5ECF6","polar":{"bgcolor":"#E5ECF6","angularaxis":{"gridcolor":"white","linecolor":"white","ticks":""},"radialaxis":{"gridcolor":"white","linecolor":"white","ticks":""}},"ternary":{"bgcolor":"#E5ECF6","aaxis":{"gridcolor":"white","linecolor":"white","ticks":""},"baxis":{"gridcolor":"white","linecolor":"white","ticks":""},"caxis":{"gridcolor":"white","linecolor":"white","ticks":""}},"coloraxis":{"colorbar":{"outlinewidth":0,"ticks":""}},"colorscale":{"sequential":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]],"sequentialminus":[[0.0,"#0d0887"],[0.1111111111111111,"#46039f"],[0.2222222222222222,"#7201a8"],[0.3333333333333333,"#9c179e"],[0.4444444444444444,"#bd3786"],[0.5555555555555556,"#d8576b"],[0.6666666666666666,"#ed7953"],[0.7777777777777778,"#fb9f3a"],[0.8888888888888888,"#fdca26"],[1.0,"#f0f921"]],"diverging":[[0,"#8e0152"],[0.1,"#c51b7d"],[0.2,"#de77ae"],[0.3,"#f1b6da"],[0.4,"#fde0ef"],[0.5,"#f7f7f7"],[0.6,"#e6f5d0"],[0.7,"#b8e186"],[0.8,"#7fbc41"],[0.9,"#4d9221"],[1,"#276419"]]},"xaxis":{"gridcolor":"white","linecolor":"white","ticks":"","title":{"standoff":15},"zerolinecolor":"white","automargin":true,"zerolinewidth":2},"yaxis":{"gridcolor":"white","linecolor":"white","ticks":"","title":{"standoff":15},"zerolinecolor":"white","automargin":true,"zerolinewidth":2},"scene":{"xaxis":{"backgroundcolor":"#E5ECF6","gridcolor":"white","linecolor":"white","showbackground":true,"ticks":"","zerolinecolor":"white","gridwidth":2},"yaxis":{"backgroundcolor":"#E5ECF6","gridcolor":"white","linecolor":"white","showbackground":true,"ticks":"","zerolinecolor":"white","gridwidth":2},"zaxis":{"backgroundcolor":"#E5ECF6","gridcolor":"white","linecolor":"white","showbackground":true,"ticks":"","zerolinecolor":"white","gridwidth":2}},"shapedefaults":{"line":{"color":"#2a3f5f"}},"annotationdefaults":{"arrowcolor":"#2a3f5f","arrowhead":0,"arrowwidth":1},"geo":{"bgcolor":"white","landcolor":"#E5ECF6","subunitcolor":"white","showland":true,"showlakes":true,"lakecolor":"white"},"title":{"x":0.05},"mapbox":{"style":"light"}}},"xaxis":{"anchor":"y","domain":[0.0,1.0],"title":{"text":"Run Number"}},"yaxis":{"anchor":"x","domain":[0.7333333333333334,1.0],"title":{"text":"Success Rate (%)"}},"xaxis2":{"anchor":"y2","domain":[0.0,1.0],"title":{"text":"Run Number"}},"yaxis2":{"anchor":"x2","domain":[0.3666666666666667,0.6333333333333333],"title":{"text":"Duration (seconds)"}},"xaxis3":{"anchor":"y3","domain":[0.0,1.0],"title":{"text":"Run Number"}},"yaxis3":{"anchor":"x3","domain":[0.0,0.26666666666666666],"title":{"text":"Number of Tests"}},"annotations":[{"font":{"size":16},"showarrow":false,"text":"Success Rate Comparison","x":0.5,"xanchor":"center","xref":"paper","y":1.0,"yanchor":"bottom","yref":"paper"},{"font":{"size":16},"showarrow":false,"text":"Test Duration Comparison","x":0.5,"xanchor":"center","xref":"paper","y":0.6333333333333333,"yanchor":"bottom","yref":"paper"},{"font":{"size":16},"showarrow":false,"text":"Test Counts Comparison","x":0.5,"xanchor":"center","xref":"paper","y":0.26666666666666666,"yanchor":"bottom","yref":"paper"}],"title":{"text":"Test Results Comparison Between Iterations"},"height":1200,"showlegend":true,"barmode":"group"}};
                Plotly.newPlot('dashboard', plotData.data, plotData.layout);
            </script>
        </body>
        </html>