Spaces:
Running
Running
Oskar van der Wal
Load results from previously found html files directly to make the demo faster.
4ba9f41
<br/><b>0th instance:</b><br/> | |
<html> | |
<div id="jdxxflwlozofutuxflqp_viz_container"> | |
<div id="jdxxflwlozofutuxflqp_content" style="padding:15px;border-style:solid;margin:5px;"> | |
<div id = "jdxxflwlozofutuxflqp_saliency_plot_container" class="jdxxflwlozofutuxflqp_viz_container" style="display:block"> | |
<div id="ffkrllfdhvtwfxtglqwy_saliency_plot" class="ffkrllfdhvtwfxtglqwy_viz_content"> | |
<div style="margin:5px;font-family:sans-serif;font-weight:bold;"> | |
<span style="font-size: 20px;">Source Saliency Heatmap</span> | |
<br> | |
x: Generated tokens, y: Attributed tokens | |
</div> | |
<table border="1" cellpadding="5" cellspacing="5" | |
style="overflow-x:scroll;display:block;"> | |
<tr><th></th> | |
<th>▁She</th><th>'</th><th>s</th><th>▁a</th><th>▁woman</th><th>.</th><th></s></th></tr><tr><th>▁Ő</th><th style="background:rgba(255.0, 13.0, 87.0, 0.9448207565854626)">0.813</th><th style="background:rgba(255.0, 13.0, 87.0, 0.7398692810457518)">0.637</th><th style="background:rgba(255.0, 13.0, 87.0, 0.36149732620320857)">0.318</th><th style="background:rgba(255.0, 13.0, 87.0, 0.29055258467023165)">0.254</th><th style="background:rgba(255.0, 13.0, 87.0, 0.4245593186769657)">0.372</th><th style="background:rgba(255.0, 13.0, 87.0, 0.26690433749257286)">0.236</th><th style="background:rgba(30.0, 136.0, 229.0, 0.6373935432758963)">-0.55</th></tr><tr><th>▁nő</th><th style="background:rgba(255.0, 13.0, 87.0, 0.6689245395127748)">0.577</th><th style="background:rgba(255.0, 13.0, 87.0, 0.4245593186769657)">0.37</th><th style="background:rgba(255.0, 13.0, 87.0, 0.18019409784115661)">0.157</th><th style="background:rgba(255.0, 13.0, 87.0, 0.29843533372945136)">0.259</th><th style="background:rgba(255.0, 13.0, 87.0, 0.5743315508021392)">0.495</th><th style="background:rgba(255.0, 13.0, 87.0, 0.7319865319865321)">0.63</th><th style="background:rgba(255.0, 13.0, 87.0, 0.4560903149138443)">0.396</th></tr><tr><th>.</th><th style="background:rgba(255.0, 13.0, 87.0, 0.08560110913052081)">0.077</th><th style="background:rgba(255.0, 13.0, 87.0, 0.23537334125569415)">0.206</th><th style="background:rgba(255.0, 13.0, 87.0, 0.06983561101208159)">0.063</th><th style="background:rgba(255.0, 13.0, 87.0, 0.1171321053673995)">0.107</th><th style="background:rgba(255.0, 13.0, 87.0, 0.00677361853832443)">0.011</th><th style="background:rgba(255.0, 13.0, 87.0, 0.8423450188156072)">0.73</th><th style="background:rgba(255.0, 13.0, 87.0, 0.2747870865517925)">0.241</th></tr><tr><th></s></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)">0.0</th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)">0.0</th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)">0.0</th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)">0.0</th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)">0.0</th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)">0.0</th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)">0.0</th></tr></table> | |
</div> | |
</div> | |
</div> | |
</div> | |
</html> | |
<br/><b>0th instance:</b><br/> | |
<html> | |
<div id="bkysetwuuwwxeoomriom_viz_container"> | |
<div id="bkysetwuuwwxeoomriom_content" style="padding:15px;border-style:solid;margin:5px;"> | |
<div id = "bkysetwuuwwxeoomriom_saliency_plot_container" class="bkysetwuuwwxeoomriom_viz_container" style="display:block"> | |
<div id="xgwesmibqooxsginaebj_saliency_plot" class="xgwesmibqooxsginaebj_viz_content"> | |
<div style="margin:5px;font-family:sans-serif;font-weight:bold;"> | |
<span style="font-size: 20px;">Target Saliency Heatmap</span> | |
<br> | |
x: Generated tokens, y: Attributed tokens | |
</div> | |
<table border="1" cellpadding="5" cellspacing="5" | |
style="overflow-x:scroll;display:block;"> | |
<tr><th></th> | |
<th>▁She</th><th>'</th><th>s</th><th>▁a</th><th>▁woman</th><th>.</th><th></s></th></tr><tr><th>▁She</th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(255.0, 13.0, 87.0, 0.7477520301049713)">0.644</th><th style="background:rgba(255.0, 13.0, 87.0, 0.4245593186769657)">0.37</th><th style="background:rgba(255.0, 13.0, 87.0, 0.306318082788671)">0.267</th><th style="background:rgba(255.0, 13.0, 87.0, 0.4797385620915033)">0.413</th><th style="background:rgba(255.0, 13.0, 87.0, 0.05407011289364243)">0.052</th><th style="background:rgba(255.0, 13.0, 87.0, 0.29055258467023165)">0.256</th></tr><tr><th>'</th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(255.0, 13.0, 87.0, 0.9921172509407804)">0.857</th><th style="background:rgba(255.0, 13.0, 87.0, 0.2117250940780353)">0.185</th><th style="background:rgba(255.0, 13.0, 87.0, 0.20384234501881549)">0.179</th><th style="background:rgba(255.0, 13.0, 87.0, 0.03830461477520289)">0.04</th><th style="background:rgba(255.0, 13.0, 87.0, 0.4797385620915033)">0.414</th></tr><tr><th>s</th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(255.0, 13.0, 87.0, 1.0)">0.866</th><th style="background:rgba(255.0, 13.0, 87.0, 0.3536145771439889)">0.305</th><th style="background:rgba(255.0, 13.0, 87.0, 0.07771836007130124)">0.073</th><th style="background:rgba(30.0, 136.0, 229.0, 0.10136660724896014)">-0.089</th></tr><tr><th>▁a</th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(255.0, 13.0, 87.0, 0.6531590413943356)">0.567</th><th style="background:rgba(54.70588235294111, 122.49411764705886, 213.40784313725496, 0.0)">-0.003</th><th style="background:rgba(255.0, 13.0, 87.0, 0.4245593186769657)">0.371</th></tr><tr><th>▁woman</th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(255.0, 13.0, 87.0, 0.07771836007130124)">0.069</th><th style="background:rgba(255.0, 13.0, 87.0, 0.36149732620320857)">0.315</th></tr><tr><th>.</th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(255.0, 13.0, 87.0, 0.02253911665676371)">0.021</th></tr><tr><th></s></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)"></th></tr></table> | |
</div> | |
</div> | |
</div> | |
</div> | |
</html> | |