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="kgfgjwzeqihakzclruvf_viz_container"> | |
| <div id="kgfgjwzeqihakzclruvf_content" style="padding:15px;border-style:solid;margin:5px;"> | |
| <div id = "kgfgjwzeqihakzclruvf_saliency_plot_container" class="kgfgjwzeqihakzclruvf_viz_container" style="display:block"> | |
| <div id="nceavfdgpuawsjyaqqaj_saliency_plot" class="nceavfdgpuawsjyaqqaj_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>.</th><th></s></th></tr><tr><th>▁Ő</th><th style="background:rgba(255.0, 13.0, 87.0, 0.8502277678748268)">0.729</th><th style="background:rgba(255.0, 13.0, 87.0, 0.55068330362448)">0.472</th><th style="background:rgba(255.0, 13.0, 87.0, 0.2511388393741335)">0.218</th><th style="background:rgba(255.0, 13.0, 87.0, 0.219607843137255)">0.194</th><th style="background:rgba(255.0, 13.0, 87.0, 0.3457318280847692)">0.299</th><th style="background:rgba(255.0, 13.0, 87.0, 0.41667656961774624)">0.361</th></tr><tr><th>▁férfi</th><th style="background:rgba(255.0, 13.0, 87.0, 0.6452762923351159)">0.554</th><th style="background:rgba(255.0, 13.0, 87.0, 0.7398692810457518)">0.636</th><th style="background:rgba(255.0, 13.0, 87.0, 0.6137452960982372)">0.532</th><th style="background:rgba(255.0, 13.0, 87.0, 0.9132897603485836)">0.786</th><th style="background:rgba(255.0, 13.0, 87.0, 0.46397306397306415)">0.402</th><th style="background:rgba(30.0, 136.0, 229.0, 0.34573182808476927)">-0.3</th></tr><tr><th>.</th><th style="background:rgba(255.0, 13.0, 87.0, 0.46397306397306415)">0.402</th><th style="background:rgba(255.0, 13.0, 87.0, 0.219607843137255)">0.19</th><th style="background:rgba(255.0, 13.0, 87.0, 0.24325609031491383)">0.21</th><th style="background:rgba(255.0, 13.0, 87.0, 0.22749059219647458)">0.201</th><th style="background:rgba(255.0, 13.0, 87.0, 1.0)">0.863</th><th style="background:rgba(30.0, 136.0, 229.0, 0.08560110913052085)">-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><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="lkctwatecysfleytfdoz_viz_container"> | |
| <div id="lkctwatecysfleytfdoz_content" style="padding:15px;border-style:solid;margin:5px;"> | |
| <div id = "lkctwatecysfleytfdoz_saliency_plot_container" class="lkctwatecysfleytfdoz_viz_container" style="display:block"> | |
| <div id="kuqjmanpemilaavybtqj_saliency_plot" class="kuqjmanpemilaavybtqj_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>.</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.6768072885719946)">0.58</th><th style="background:rgba(255.0, 13.0, 87.0, 0.2590215884333532)">0.224</th><th style="background:rgba(255.0, 13.0, 87.0, 0.06983561101208159)">0.065</th><th style="background:rgba(30.0, 136.0, 229.0, 0.014656367597544028)">-0.018</th><th style="background:rgba(255.0, 13.0, 87.0, 0.32208358090711037)">0.28</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.8817587641117054)">0.758</th><th style="background:rgba(255.0, 13.0, 87.0, 0.13289760348583876)">0.117</th><th style="background:rgba(30.0, 136.0, 229.0, 0.06195286195286191)">-0.057</th><th style="background:rgba(255.0, 13.0, 87.0, 0.12501485442661908)">0.114</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.621628045157457)">0.535</th><th style="background:rgba(30.0, 136.0, 229.0, 0.014656367597544028)">-0.017</th><th style="background:rgba(255.0, 13.0, 87.0, 0.4560903149138443)">0.397</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.006773618538324436)">-0.009</th><th style="background:rgba(30.0, 136.0, 229.0, 0.6925727866904338)">-0.595</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(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(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> | |