gagle / index.html
andsteing's picture
Minor UI tweaks.
546c077
<!doctype html><html lang="en"><link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"><link rel="manifest" href="manifest.json"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Fractal Gaussian Noise</title><style>body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
margin: 0;
padding: 3em;
background-color: #f4f4f9;
color: #333;
display: flex;
flex-direction: column;
align-items: center;
width: 95vw;
padding: 0;
margin: 0 auto;
}
.spinner {
width: 48px;
height: 48px;
border: 6px solid #e0e0e0;
border-top: 6px solid #6c63ff;
border-radius: 50%;
animation: spin 1s linear infinite;
margin: auto;
}
@keyframes spin {
to { transform: rotate(360deg); }
}
#titleDiv {
h1 {
margin: 10px;
font-size: min(3.5vw, 30px);
}
text-align: center;
margin-bottom: 1em;
}
#uiDiv {
width:100%;
display: flex;
flex-direction: column;
gap: 1em;
}
.settings {
justify-content: center;
}
.plot {
width: 100%;
height: 40vh;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.h {
display: flex;
gap: 1em;
}
.h.rev {
flex-direction: row-reverse;
}
.fw {
flex-wrap: wrap;
}
.g2 {
gap: 2em;
}
.token {
border: 1px solid #888;
}</style><script defer="defer" src="bundle.js"></script></head><body><div id="titleDiv"><h1>Do LLMs Capture the Fractal Complexity of Language?</h1><a href="https://icml.cc/virtual/2025/poster/44028">ICML 2025</a> | <a href="https://arxiv.org/abs/2502.14924">paper</a> | <a href="https://icml.cc/media/PosterPDFs/ICML%202025/44028.png">poster</a> | <a href="https://huggingface.co/datasets/ibomohsin/gagle/blob/main/GAGLE_Dataset.ipynb">dataset</a></div><div id="loadingDiv" style="display: flex; flex-direction: column; align-items: center; margin-top: 4em;"><div class="spinner"></div><div style="margin-top: 1em; font-size: 1.2em; color: #555;">Loading...</div></div><div id="uiDiv" style="display:none;"><div class="h rev fw g2 settings"><div class="h"><select size="1" id="plotSelect"><option value="integral">plot integral</option><option value="increments">plot increments</option></select> <select size="1" id="spdSelect"><option value="100">100 samples</option><option value="1000">1000 samples</option><option value="10000" selected="selected">10000 samples</option></select> <select size="1" id="epsSelect"><option value="0.01">eps=0.01</option><option value="0.001">eps=0.001</option><option value="0.0001">eps=0.0001</option></select></div><div style="flex-grow:1;"></div><div class="h"><select id="panelSelect" style="color:red"><option value="fgn">FGN</option><option value="scores" selected="selected">LLM Scores</option></select><div class="h fw" id="fgnPanel"><select size="1" id="hurstSelect"><option value="0.1">h=0.1</option><option value="0.2">h=0.2</option><option value="0.3">h=0.3</option><option value="0.4">h=0.4</option><option value="0.5">h=0.5</option><option value="0.6">h=0.6</option><option value="0.7" selected="selected">h=0.7</option><option value="0.8">h=0.8</option><option value="0.9">h=0.9</option></select></div><div class="h fw" id="scoresPanel"><select size="1" id="dataSelect"></select><div><select size="1" id="idx0Select"></select> - <select size="1" id="idx1Select"></select></div><select size="1" id="textSelect"><option value="original_text">original_text</option><option value="llm_text">llm_text</option></select> <select size="1" id="scorerSelect"><option value="gemma-2b">gemma-2b</option><option value="mistral-7b">mistral-7b</option></select></div></div><!-- #{fgn,scores}Panel --></div><div id="resultsDiv" class="h"><div id="holderPlot" class="plot"></div><div id="hurstPlot" class="plot"></div></div><div id="mainPlot" class="plot"></div><div id="textDiv"></div></div></body></html>