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="tslqkbqlpvaumllhwwlx_viz_container"> | |
<div id="tslqkbqlpvaumllhwwlx_content" style="padding:15px;border-style:solid;margin:5px;"> | |
<div id = "tslqkbqlpvaumllhwwlx_saliency_plot_container" class="tslqkbqlpvaumllhwwlx_viz_container" style="display:block"> | |
<div id="ggzqitpvrtjfeiagjndr_saliency_plot" class="ggzqitpvrtjfeiagjndr_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's</th><th>▁a</th><th>▁wedding</th><th>▁planner.</th><th></s></th></tr><tr><th>▁Ő</th><th style="background:rgba(255.0, 13.0, 87.0, 0.2747870865517925)">0.265</th><th style="background:rgba(255.0, 13.0, 87.0, 0.05407011289364243)">0.057</th><th style="background:rgba(255.0, 13.0, 87.0, 0.23537334125569415)">0.227</th><th style="background:rgba(255.0, 13.0, 87.0, 0.00677361853832443)">0.01</th><th style="background:rgba(30.0, 136.0, 229.0, 0.7083382848088731)">-0.684</th></tr><tr><th>▁esküvőszervező.</th><th style="background:rgba(255.0, 13.0, 87.0, 1.0)">0.964</th><th style="background:rgba(255.0, 13.0, 87.0, 0.5664488017429193)">0.548</th><th style="background:rgba(255.0, 13.0, 87.0, 1.0)">0.963</th><th style="background:rgba(255.0, 13.0, 87.0, 0.9448207565854626)">0.905</th><th style="background:rgba(30.0, 136.0, 229.0, 0.1723113487819369)">-0.166</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="nxagljncbcmosyaqyytb_viz_container"> | |
<div id="nxagljncbcmosyaqyytb_content" style="padding:15px;border-style:solid;margin:5px;"> | |
<div id = "nxagljncbcmosyaqyytb_saliency_plot_container" class="nxagljncbcmosyaqyytb_viz_container" style="display:block"> | |
<div id="hghtlbticzfishvtpiag_saliency_plot" class="hghtlbticzfishvtpiag_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's</th><th>▁a</th><th>▁wedding</th><th>▁planner.</th><th></s></th></tr><tr><th>▁She's</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.865993265993266)">0.835</th><th style="background:rgba(255.0, 13.0, 87.0, 0.14078035254505847)">0.142</th><th style="background:rgba(255.0, 13.0, 87.0, 0.2117250940780353)">0.21</th><th style="background:rgba(255.0, 13.0, 87.0, 0.49550406020994264)">0.475</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(30.0, 136.0, 229.0, 0.03042186571598325)">-0.036</th><th style="background:rgba(255.0, 13.0, 87.0, 0.05407011289364243)">0.055</th><th style="background:rgba(255.0, 13.0, 87.0, 0.3693800752624282)">0.358</th></tr><tr><th>▁wedding</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.3772628243216479)">0.366</th><th style="background:rgba(255.0, 13.0, 87.0, 0.32208358090711037)">0.313</th></tr><tr><th>▁planner.</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.23537334125569415)">0.23</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> | |