Spaces:
Sleeping
Sleeping
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="qlyqyodyychxtrdkxbbu_viz_container"> | |
<div id="qlyqyodyychxtrdkxbbu_content" style="padding:15px;border-style:solid;margin:5px;"> | |
<div id = "qlyqyodyychxtrdkxbbu_saliency_plot_container" class="qlyqyodyychxtrdkxbbu_viz_container" style="display:block"> | |
<div id="mywqpvfrigctnkwlvgte_saliency_plot" class="mywqpvfrigctnkwlvgte_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>▁Er</th><th>▁ist</th><th>▁ein</th><th>▁Mann.</th><th></s></th></tr><tr><th>▁Ő</th><th style="background:rgba(255.0, 13.0, 87.0, 0.7004555357496535)">0.66</th><th style="background:rgba(255.0, 13.0, 87.0, 0.4718558130322837)">0.45</th><th style="background:rgba(255.0, 13.0, 87.0, 0.2117250940780353)">0.203</th><th style="background:rgba(255.0, 13.0, 87.0, 0.22749059219647458)">0.219</th><th style="background:rgba(255.0, 13.0, 87.0, 0.5822142998613588)">0.552</th></tr><tr><th>▁férfi.</th><th style="background:rgba(255.0, 13.0, 87.0, 0.7950485244602892)">0.751</th><th style="background:rgba(255.0, 13.0, 87.0, 0.7477520301049713)">0.701</th><th style="background:rgba(255.0, 13.0, 87.0, 0.6846900376312143)">0.645</th><th style="background:rgba(255.0, 13.0, 87.0, 1.0)">0.945</th><th style="background:rgba(30.0, 136.0, 229.0, 0.07771836007130117)">-0.078</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></tr></table> | |
</div> | |
</div> | |
</div> | |
</div> | |
</html> | |
<br/><b>0th instance:</b><br/> | |
<html> | |
<div id="aatkcwgvuchktsywtedp_viz_container"> | |
<div id="aatkcwgvuchktsywtedp_content" style="padding:15px;border-style:solid;margin:5px;"> | |
<div id = "aatkcwgvuchktsywtedp_saliency_plot_container" class="aatkcwgvuchktsywtedp_viz_container" style="display:block"> | |
<div id="zvmpropmtczokfqgodlk_saliency_plot" class="zvmpropmtczokfqgodlk_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>▁Er</th><th>▁ist</th><th>▁ein</th><th>▁Mann.</th><th></s></th></tr><tr><th>▁Er</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.5822142998613588)">0.553</th><th style="background:rgba(255.0, 13.0, 87.0, 0.219607843137255)">0.208</th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)">0.003</th><th style="background:rgba(255.0, 13.0, 87.0, 0.4560903149138443)">0.428</th></tr><tr><th>▁ist</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.7477520301049713)">0.706</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.18019409784115661)">0.174</th></tr><tr><th>▁ein</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.2590215884333532)">0.244</th><th style="background:rgba(255.0, 13.0, 87.0, 0.6452762923351159)">0.607</th></tr><tr><th>▁Mann.</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(30.0, 136.0, 229.0, 0.34573182808476927)">-0.327</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></tr></table> | |
</div> | |
</div> | |
</div> | |
</div> | |
</html> | |