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="sbfrfkjacojmxzzzgrqg_viz_container"> | |
<div id="sbfrfkjacojmxzzzgrqg_content" style="padding:15px;border-style:solid;margin:5px;"> | |
<div id = "sbfrfkjacojmxzzzgrqg_saliency_plot_container" class="sbfrfkjacojmxzzzgrqg_viz_container" style="display:block"> | |
<div id="rdmvgqivfzuqlryghymt_saliency_plot" class="rdmvgqivfzuqlryghymt_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>▁C'est</th><th>▁un</th><th>▁organisateur</th><th>▁de</th><th>▁mariage.</th><th></s></th></tr><tr><th>▁Ő</th><th style="background:rgba(255.0, 13.0, 87.0, 0.6768072885719946)">0.624</th><th style="background:rgba(255.0, 13.0, 87.0, 0.08560110913052081)">0.086</th><th style="background:rgba(255.0, 13.0, 87.0, 0.29843533372945136)">0.276</th><th style="background:rgba(255.0, 13.0, 87.0, 0.04618736383442265)">0.046</th><th style="background:rgba(255.0, 13.0, 87.0, 0.22749059219647458)">0.212</th><th style="background:rgba(30.0, 136.0, 229.0, 0.4482075658546247)">-0.415</th></tr><tr><th>▁esküvőszervező.</th><th style="background:rgba(255.0, 13.0, 87.0, 0.8502277678748268)">0.781</th><th style="background:rgba(255.0, 13.0, 87.0, 0.4087938205585263)">0.381</th><th style="background:rgba(255.0, 13.0, 87.0, 0.1959595959595959)">0.182</th><th style="background:rgba(255.0, 13.0, 87.0, 0.5664488017429193)">0.52</th><th style="background:rgba(255.0, 13.0, 87.0, 0.8975242622301447)">0.821</th><th style="background:rgba(255.0, 13.0, 87.0, 0.6137452960982372)">0.567</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></tr></table> | |
</div> | |
</div> | |
</div> | |
</div> | |
</html> | |
<br/><b>0th instance:</b><br/> | |
<html> | |
<div id="awaqvobafzwazgbibvxs_viz_container"> | |
<div id="awaqvobafzwazgbibvxs_content" style="padding:15px;border-style:solid;margin:5px;"> | |
<div id = "awaqvobafzwazgbibvxs_saliency_plot_container" class="awaqvobafzwazgbibvxs_viz_container" style="display:block"> | |
<div id="waefifkihwgljkyvfwwj_saliency_plot" class="waefifkihwgljkyvfwwj_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>▁C'est</th><th>▁un</th><th>▁organisateur</th><th>▁de</th><th>▁mariage.</th><th></s></th></tr><tr><th>▁C'est</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.921</th><th style="background:rgba(255.0, 13.0, 87.0, 0.9605862547039017)">0.878</th><th style="background:rgba(255.0, 13.0, 87.0, 0.10924935630817992)">0.105</th><th style="background:rgba(255.0, 13.0, 87.0, 0.33784907902554967)">0.316</th><th style="background:rgba(255.0, 13.0, 87.0, 0.3536145771439889)">0.329</th></tr><tr><th>▁un</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.346</th><th style="background:rgba(255.0, 13.0, 87.0, 0.44032481679540497)">0.408</th><th style="background:rgba(255.0, 13.0, 87.0, 0.33784907902554967)">0.311</th><th style="background:rgba(255.0, 13.0, 87.0, 0.1171321053673995)">0.108</th></tr><tr><th>▁organisateur</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.8108140225787285)">0.742</th><th style="background:rgba(30.0, 136.0, 229.0, 0.06195286195286191)">-0.06</th><th style="background:rgba(255.0, 13.0, 87.0, 0.06983561101208159)">0.067</th></tr><tr><th>▁de</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.306318082788671)">0.283</th><th style="background:rgba(255.0, 13.0, 87.0, 0.44032481679540497)">0.407</th></tr><tr><th>▁mariage.</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.5033868092691621)">0.465</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></tr></table> | |
</div> | |
</div> | |
</div> | |
</div> | |
</html> | |