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="opntlnkcwtxjrelrlylp_viz_container"> | |
| <div id="opntlnkcwtxjrelrlylp_content" style="padding:15px;border-style:solid;margin:5px;"> | |
| <div id = "opntlnkcwtxjrelrlylp_saliency_plot_container" class="opntlnkcwtxjrelrlylp_viz_container" style="display:block"> | |
| <div id="ojwczvmqbrwvvjhmfivs_saliency_plot" class="ojwczvmqbrwvvjhmfivs_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>▁Bäcker</th><th>.</th><th></s></th></tr><tr><th>▁Ő</th><th style="background:rgba(255.0, 13.0, 87.0, 0.6925727866904339)">0.668</th><th style="background:rgba(255.0, 13.0, 87.0, 0.43244206773618543)">0.42</th><th style="background:rgba(255.0, 13.0, 87.0, 0.1171321053673995)">0.113</th><th style="background:rgba(255.0, 13.0, 87.0, 0.09348385818974037)">0.096</th><th style="background:rgba(255.0, 13.0, 87.0, 0.4797385620915033)">0.461</th></tr><tr><th>▁p</th><th style="background:rgba(255.0, 13.0, 87.0, 0.5979797979797981)">0.576</th><th style="background:rgba(255.0, 13.0, 87.0, 0.3142008318478907)">0.308</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.20384234501881549)">0.196</th><th style="background:rgba(30.0, 136.0, 229.0, 0.21960784313725487)">-0.218</th></tr><tr><th>ék</th><th style="background:rgba(255.0, 13.0, 87.0, 0.29055258467023165)">0.282</th><th style="background:rgba(255.0, 13.0, 87.0, 0.6925727866904339)">0.668</th><th style="background:rgba(255.0, 13.0, 87.0, 0.20384234501881549)">0.196</th><th style="background:rgba(255.0, 13.0, 87.0, 0.4560903149138443)">0.442</th><th style="background:rgba(30.0, 136.0, 229.0, 0.34573182808476927)">-0.338</th></tr><tr><th>.</th><th style="background:rgba(255.0, 13.0, 87.0, 0.39302832244008706)">0.378</th><th style="background:rgba(255.0, 13.0, 87.0, 0.49550406020994264)">0.48</th><th style="background:rgba(255.0, 13.0, 87.0, 0.14078035254505847)">0.139</th><th style="background:rgba(255.0, 13.0, 87.0, 0.8265795206971679)">0.798</th><th style="background:rgba(255.0, 13.0, 87.0, 0.1171321053673995)">0.115</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="abwghlpwhtlipuwwwvcf_viz_container"> | |
| <div id="abwghlpwhtlipuwwwvcf_content" style="padding:15px;border-style:solid;margin:5px;"> | |
| <div id = "abwghlpwhtlipuwwwvcf_saliency_plot_container" class="abwghlpwhtlipuwwwvcf_viz_container" style="display:block"> | |
| <div id="aaoxfmpsqgpvmawbwxff_saliency_plot" class="aaoxfmpsqgpvmawbwxff_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>▁Bäcker</th><th>.</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.23537334125569415)">0.228</th><th style="background:rgba(230.2941176470614, 26.505882352939775, 102.59215686274348, 0.0)">0.004</th><th style="background:rgba(255.0, 13.0, 87.0, 0.17231134878193693)">0.171</th><th style="background:rgba(255.0, 13.0, 87.0, 0.1171321053673995)">0.115</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.014656367597544035)">0.022</th><th style="background:rgba(255.0, 13.0, 87.0, 0.306318082788671)">0.299</th><th style="background:rgba(255.0, 13.0, 87.0, 0.09348385818974037)">0.095</th></tr><tr><th>▁Bäcker</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.03830461477520289)">0.041</th><th style="background:rgba(255.0, 13.0, 87.0, 0.39302832244008706)">0.378</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(255.0, 13.0, 87.0, 0.6925727866904339)">0.669</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> | |