Michael
b2fa8503e6
Static layout mockups for each app tool (deduplicator, text cleaner, format standardizer, missing handler, column mapper, outlier detector, multi-file merger, validator/reporter, pipeline runner, PDF extractor, reconciler) plus index/home shells and shared assets. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
92 lines
3.7 KiB
HTML
92 lines
3.7 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Layout review — Find Unusual Values</title>
|
|
<link rel="stylesheet" href="assets/app.css">
|
|
</head>
|
|
<body data-page="06_outlier_detector">
|
|
<div class="dt-app">
|
|
<aside class="dt-sidebar" id="dt-sidebar"></aside>
|
|
<main class="dt-main">
|
|
<div class="dt-review-banner">
|
|
<span class="dt-mi">visibility</span>
|
|
<span>Static layout preview of <strong>Find Unusual Values</strong> — a <strong>Coming Soon</strong> tool. The page is a stub/teaser: an "under development" notice, a list of planned features, and disabled placeholder controls (only the file uploader is live). <a href="index.html">All pages →</a></span>
|
|
</div>
|
|
<div class="dt-main-inner">
|
|
|
|
<!-- Tool header -->
|
|
<div class="dt-tool-header">
|
|
<h1>Find Unusual Values</h1>
|
|
<button class="dt-help-btn"><span class="dt-mi">help_outline</span> Help</button>
|
|
</div>
|
|
<p class="dt-tool-caption">Spot values that look wrong — way too high, too low, or breaking your rules.</p>
|
|
|
|
<div class="dt-spacer"></div>
|
|
|
|
<!-- st.info: under development -->
|
|
<div class="dt-alert info">
|
|
<span class="dt-mi">info</span>
|
|
<span>This tool is under development.</span>
|
|
</div>
|
|
|
|
<!-- Planned features (st.markdown) -->
|
|
<p><strong>Features:</strong></p>
|
|
<ul>
|
|
<li>Z-score detection (configurable threshold)</li>
|
|
<li>IQR (interquartile range) detection</li>
|
|
<li>MAD (median absolute deviation) detection</li>
|
|
<li>Domain-rule violations (e.g., age < 0, price > $1M)</li>
|
|
<li>Visual outlier highlighting in data preview</li>
|
|
<li>Handling: flag only, remove, cap/winsorize to bounds</li>
|
|
</ul>
|
|
|
|
<hr class="dt-divider">
|
|
|
|
<!-- File upload (functional) -->
|
|
<label class="dt-label">Import CSV or Excel file</label>
|
|
<div class="dt-uploader">
|
|
<div class="dt-uploader-text">
|
|
<span class="hint"><span class="dt-mi" style="vertical-align:-4px">upload_file</span> Drag and drop file here</span>
|
|
<span class="sub">CSV, TSV, XLSX, XLS · Import a file to preview. Processing is not yet available.</span>
|
|
</div>
|
|
<button class="dt-btn">Browse files</button>
|
|
</div>
|
|
|
|
<!-- Placeholder options (all disabled) -->
|
|
<h3>Detection Method</h3>
|
|
|
|
<div class="dt-field" style="max-width:420px">
|
|
<label class="dt-label">Method</label>
|
|
<div class="dt-select" style="opacity:.55;cursor:not-allowed">Z-Score</div>
|
|
</div>
|
|
|
|
<div class="dt-field" style="max-width:420px;opacity:.55">
|
|
<label class="dt-label">Z-Score threshold</label>
|
|
<div class="dt-slider"><div class="track"><div class="fill" style="width:50%"></div><div class="knob" style="left:50%"></div></div><div class="val">3.0</div></div>
|
|
</div>
|
|
|
|
<div class="dt-field" style="max-width:420px;opacity:.55">
|
|
<label class="dt-label">IQR multiplier</label>
|
|
<div class="dt-slider"><div class="track"><div class="fill" style="width:25%"></div><div class="knob" style="left:25%"></div></div><div class="val">1.5</div></div>
|
|
</div>
|
|
|
|
<h3>Handling</h3>
|
|
|
|
<div class="dt-field" style="max-width:420px">
|
|
<label class="dt-label">Action</label>
|
|
<div class="dt-select" style="opacity:.55;cursor:not-allowed">Flag only (add column)</div>
|
|
</div>
|
|
|
|
<hr class="dt-divider">
|
|
<button class="dt-btn dt-btn-primary dt-btn-block is-disabled" disabled>Detect Outliers</button>
|
|
|
|
</div>
|
|
</main>
|
|
</div>
|
|
<footer class="dt-footer" id="dt-footer"></footer>
|
|
<script src="assets/shell.js"></script>
|
|
</body>
|
|
</html>
|