autoanalyst / app /static /index.html
Abdullahkousa2's picture
Upload folder using huggingface_hub
5107868 verified
Raw
History Blame Contribute Delete
2.85 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>AutoAnalyst — agentic data analysis</title>
<link rel="stylesheet" href="/style.css">
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text y='26' font-size='26'>📊</text></svg>">
</head>
<body>
<header class="topbar">
<div class="brand">
<div class="logo" aria-hidden="true">
<svg viewBox="0 0 40 40" width="34" height="34">
<rect x="5" y="20" width="6" height="14" rx="2" class="bar b1"/>
<rect x="15" y="12" width="6" height="22" rx="2" class="bar b2"/>
<rect x="25" y="6" width="6" height="28" rx="2" class="bar b3"/>
</svg>
</div>
<div class="brand-text">
<h1>AutoAnalyst</h1>
<p>An agent that writes &amp; runs its own analysis</p>
</div>
</div>
<div class="status" id="status" title="model status">
<span class="dot"></span><span class="label">connecting…</span>
</div>
</header>
<main class="layout">
<aside class="sidebar">
<section class="panel">
<h2 class="panel-title">Dataset</h2>
<div id="datasetGrid" class="dataset-grid"></div>
<div id="uploadZone" class="upload hidden">
<input type="file" id="fileInput" accept=".csv,.xlsx,.xls" hidden>
<button class="upload-btn" id="uploadBtn">
<span class="up-ico"></span> Upload your own CSV / Excel
</button>
<p class="upload-hint">runs locally · max 10&nbsp;MB</p>
</div>
</section>
<section class="panel schema hidden" id="schemaPanel">
<h2 class="panel-title">Schema · <span id="schemaLabel" class="muted"></span></h2>
<p id="schemaMeta" class="schema-meta"></p>
<div class="schema-scroll"><table id="schemaTable"></table></div>
</section>
</aside>
<section class="main">
<div class="ask">
<textarea id="question" rows="2"
placeholder="Pick a dataset, then ask anything — e.g. “What was the survival rate by class?”"></textarea>
<button id="analyzeBtn" class="analyze" disabled>
<span class="analyze-label">Analyze</span>
</button>
</div>
<div id="chips" class="chips"></div>
<div id="results" class="results">
<div id="empty" class="empty">
<div class="empty-mark">📊</div>
<h3>Watch the agent think</h3>
<p>Choose a dataset and ask a question. AutoAnalyst writes Python,
runs it, reads the result, draws charts, and explains the answer —
one step at a time.</p>
</div>
</div>
</section>
</main>
<script src="/app.js"></script>
</body>
</html>