Haddock3 protein protein basic tutorial

education/HADDOCK3/HADDOCK3-protein-protein-basic/plots/scenario1/dockq_clt.html

@@ -0,0 +1,23 @@
+
+    <div>
+    <script type="text/javascript">window.PlotlyConfig = { MathJaxConfig: 'local' };</script>
+    <script src="https://cdn.plot.ly/plotly-2.16.1.min.js"></script>
+    <div id="plot1" class="plotly-graph-div" style="height:800px; width:1000px;">
+    </div>
+    <script id="data1" type="application/json">
+    {"data":[{"alignmentgroup":"True","boxpoints":"outliers","customdata":[[1.0],[133.0],[131.0],[129.0],[126.0],[124.0],[121.0],[117.0],[114.0],[112.0],[110.0],[108.0],[107.0],[106.0],[105.0],[104.0],[102.0],[100.0],[99.0],[98.0],[97.0],[95.0],[94.0],[93.0],[91.0],[89.0],[87.0],[85.0],[84.0],[83.0],[135.0],[136.0],[137.0],[138.0],[182.0],[181.0],[180.0],[179.0],[178.0],[177.0],[176.0],[173.0],[172.0],[171.0],[170.0],[169.0],[168.0],[165.0],[82.0],[158.0],[156.0],[155.0],[154.0],[153.0],[152.0],[149.0],[148.0],[147.0],[146.0],[145.0],[144.0],[143.0],[140.0],[139.0],[157.0],[80.0],[123.0],[77.0],[33.0],[32.0],[31.0],[30.0],[29.0],[28.0],[27.0],[26.0],[25.0],[24.0],[23.0],[22.0],[21.0],[20.0],[34.0],[19.0],[17.0],[16.0],[15.0],[14.0],[12.0],[11.0],[10.0],[78.0],[8.0],[7.0],[5.0],[4.0],[3.0],[2.0],[18.0],[35.0],[9.0],[37.0],[36.0],[76.0],[75.0],[74.0],[73.0],[72.0],[66.0],[65.0],[63.0],[61.0],[60.0],[59.0],[56.0],[55.0],[54.0],[69.0],[52.0],[53.0],[39.0],[40.0],[41.0],[38.0],[43.0],[42.0],[45.0],[46.0],[48.0],[49.0],[51.0],[44.0]],"hovertemplate":"Cluster Rank=1<br>capri_rank=%{x}<br>dockq=%{y}<br>caprieval_rank=%{customdata[0]}<extra></extra>","legendgroup":"1","marker":{"color":"#2E91E5"},"name":"1","notched":false,"offsetgroup":"1","orientation":"v","showlegend":true,"x":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],"x0":" ","xaxis":"x","y":[0.871,0.715,0.639,0.653,0.758,0.696,0.557,0.713,0.76,0.706,0.694,0.694,0.772,0.726,0.824,0.583,0.752,0.72,0.754,0.796,0.677,0.415,0.801,0.771,0.422,0.529,0.73,0.795,0.753,0.713,0.769,0.656,0.516,0.746,0.582,0.619,0.603,0.356,0.497,0.478,0.588,0.619,0.437,0.489,0.439,0.594,0.537,0.709,0.783,0.586,0.649,0.497,0.688,0.642,0.708,0.597,0.699,0.646,0.781,0.754,0.628,0.659,0.703,0.708,0.712,0.734,0.65,0.828,0.826,0.795,0.787,0.827,0.81,0.838,0.83,0.746,0.843,0.845,0.846,0.862,0.84,0.836,0.833,0.845,0.822,0.721,0.827,0.454,0.484,0.86,0.833,0.809,0.821,0.78,0.726,0.817,0.837,0.866,0.819,0.773,0.559,0.836,0.862,0.747,0.734,0.734,0.696,0.672,0.712,0.804,0.792,0.798,0.65,0.793,0.836,0.774,0.443,0.769,0.753,0.827,0.8,0.624,0.841,0.437,0.819,0.414,0.833,0.793,0.735,0.741,0.767,0.787],"y0":" ","yaxis":"y","type":"box"},{"alignmentgroup":"True","boxpoints":"outliers","customdata":[[113.0],[115.0],[116.0],[119.0],[120.0],[125.0],[127.0],[128.0],[151.0],[132.0],[134.0],[141.0],[142.0],[150.0],[161.0],[162.0],[175.0],[111.0],[130.0],[109.0],[70.0],[101.0],[6.0],[13.0],[47.0],[103.0],[57.0],[58.0],[62.0],[64.0],[67.0],[50.0],[71.0],[79.0],[81.0],[86.0],[88.0],[90.0],[92.0],[96.0],[68.0]],"hovertemplate":"Cluster Rank=2<br>capri_rank=%{x}<br>dockq=%{y}<br>caprieval_rank=%{customdata[0]}<extra></extra>","legendgroup":"2","marker":{"color":"#E15F99"},"name":"2","notched":false,"offsetgroup":"2","orientation":"v","showlegend":true,"x":[2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2],"x0":" ","xaxis":"x","y":[0.139,0.101,0.1,0.098,0.177,0.103,0.108,0.125,0.141,0.103,0.144,0.112,0.107,0.142,0.16,0.171,0.131,0.098,0.107,0.192,0.101,0.142,0.16,0.148,0.155,0.098,0.095,0.089,0.166,0.172,0.105,0.17,0.103,0.102,0.116,0.134,0.1,0.083,0.099,0.123,0.1],"y0":" ","yaxis":"y","type":"box"},{"alignmentgroup":"True","boxpoints":"outliers","customdata":[[167.0],[166.0],[164.0],[163.0],[122.0],[159.0],[118.0],[160.0]],"hovertemplate":"Cluster Rank=3<br>capri_rank=%{x}<br>dockq=%{y}<br>caprieval_rank=%{customdata[0]}<extra></extra>","legendgroup":"3","marker":{"color":"#1CA71C"},"name":"3","notched":false,"offsetgroup":"3","orientation":"v","showlegend":true,"x":[3,3,3,3,3,3,3,3],"x0":" ","xaxis":"x","y":[0.293,0.327,0.314,0.364,0.361,0.316,0.381,0.335],"y0":" ","yaxis":"y","type":"box"},{"alignmentgroup":"True","boxpoints":"outliers","customdata":[[184.0],[174.0],[183.0],[185.0]],"hovertemplate":"Cluster Rank=4<br>capri_rank=%{x}<br>dockq=%{y}<br>caprieval_rank=%{customdata[0]}<extra></extra>","legendgroup":"4","marker":{"color":"#FB0D0D"},"name":"4","notched":false,"offsetgroup":"4","orientation":"v","showlegend":true,"x":[4,4,4,4],"x0":" ","xaxis":"x","y":[0.439,0.392,0.436,0.427],"y0":" ","yaxis":"y","type":"box"}],"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":"Cluster Rank","font":{"size":40}},"tickfont":{"size":14}},"yaxis":{"anchor":"x","domain":[0.0,1.0],"title":{"text":"DOCKQ","font":{"size":40}},"tickfont":{"size":14}},"legend":{"title":{"text":"Cluster Rank"},"tracegroupgap":0,"font":{"family":"Helvetica","size":16},"x":1.01,"y":1.0},"margin":{"t":60},"boxmode":"overlay","height":800,"width":1000,"hoverlabel":{"font":{"size":16,"family":"Helvetica"}},"title":{}}}
+    </script>
+    <script type="text/javascript">
+        const dat1 = JSON.parse(document.getElementById("data1").text)
+        window.PLOTLYENV = window.PLOTLYENV || {};
+        if (document.getElementById("plot1")) {
+            Plotly.newPlot(
+                "plot1",
+                dat1.data,
+                dat1.layout,
+                { responsive: true },
+            );
+        }
+    </script>
+    </div>
+