e47a9f4401
- 2.1: packs/ -> archive/packs/ - 2.2: site/ -> archive/site/ - 2.3: src/lab/ -> archive/lab/ - 2.4: examples/ -> archive/examples-legacy/ (SSI-based)
89 lines
3.3 KiB
HTML
89 lines
3.3 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<!--#include virtual="/_include/head.html" -->
|
|
<title>Sprint Burndown — ASW Examples</title>
|
|
<meta name="description" content="Sprint burndown chart with
|
|
CSS-generated ideal velocity line — no JavaScript">
|
|
</head>
|
|
<body>
|
|
<!--#include virtual="/_include/nav.html" -->
|
|
|
|
<main>
|
|
<header>
|
|
<h1>Sprint Burndown</h1>
|
|
<p data-text="lead">Sprint burndown chart with CSS-generated ideal
|
|
velocity line — no JavaScript</p>
|
|
</header>
|
|
|
|
<hgroup>
|
|
<h1>Sprint 3 — Burndown</h1>
|
|
<p>20 issues tracked over 10 days.</p>
|
|
</hgroup>
|
|
|
|
<p>The burndown chart shows remaining work across the sprint. Bars represent issues remaining each day; the diagonal overlay is the ideal burn line — no JavaScript required.</p>
|
|
|
|
<h2>Remaining work</h2>
|
|
|
|
<table data-chart="burndown" style="--chart-height: 220px">
|
|
<caption>Sprint 3 burndown — 20 issues over 10 days</caption>
|
|
<tbody>
|
|
<!-- max=1.0 (start), normalized to 20 total issues -->
|
|
<tr><th scope="row">D1</th><td style="--size: 0.95">19</td></tr>
|
|
<tr><th scope="row">D2</th><td style="--size: 0.85">17</td></tr>
|
|
<tr><th scope="row">D3</th><td style="--size: 0.75">15</td></tr>
|
|
<tr><th scope="row">D4</th><td style="--size: 0.60">12</td></tr>
|
|
<tr><th scope="row">D5</th><td style="--size: 0.55">11</td></tr>
|
|
<tr><th scope="row">D6</th><td style="--size: 0.40">8</td></tr>
|
|
<tr><th scope="row">D7</th><td style="--size: 0.35">7</td></tr>
|
|
<tr><th scope="row">D8</th><td style="--size: 0.20">4</td></tr>
|
|
<tr><th scope="row">D9</th><td style="--size: 0.10">2</td></tr>
|
|
<tr><th scope="row">D10</th><td style="--size: 0.05">1</td></tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<p data-text="dim">Source: Forgejo API / git log — 2026-04-03</p>
|
|
|
|
<div data-callout="note">
|
|
<span data-callout-title>The ideal line</span>
|
|
<p>The blue diagonal overlay is a CSS <code>linear-gradient</code> on <code>tbody::after</code> — no JavaScript. It represents ideal burn rate from day 1 to day N.</p>
|
|
</div>
|
|
|
|
<h2>Issues by type</h2>
|
|
<p>Breakdown of the 20 sprint issues by category — max 8 (Features).</p>
|
|
|
|
<table data-chart="bar" data-chart-spacing="3">
|
|
<caption>Sprint 3 issues by type</caption>
|
|
<tbody>
|
|
<!-- max=8, Features -->
|
|
<tr><th scope="row">Features</th><td style="--size: 1.0" data-value="8">8</td></tr>
|
|
<tr><th scope="row">Bugs</th><td style="--size: 0.625" data-value="5">5</td></tr>
|
|
<tr><th scope="row">Docs</th><td style="--size: 0.5" data-value="4">4</td></tr>
|
|
<tr><th scope="row">Maintenance</th><td style="--size: 0.375" data-value="3">3</td></tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<p data-text="dim">Source: Forgejo API / git log — 2026-04-03</p>
|
|
|
|
<h2>Work distribution</h2>
|
|
<p>How sprint work is distributed across categories by estimated effort.</p>
|
|
|
|
<table data-chart="pie"
|
|
style="--pie-size: 180px; --pie-segments: conic-gradient(var(--chart-color-1) 0% 40%, var(--chart-color-2) 40% 65%, var(--chart-color-3) 65% 85%, var(--chart-color-4) 85% 100%)">
|
|
<caption>Sprint 3 work distribution by effort</caption>
|
|
<thead>
|
|
<tr>
|
|
<th>🟢 Features 40%</th>
|
|
<th>🔵 Bugs 25%</th>
|
|
<th>🟠 Docs 20%</th>
|
|
<th>🔴 Maintenance 15%</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
|
|
<p data-text="dim">Source: Forgejo API / git log — 2026-04-03</p>
|
|
</main>
|
|
|
|
<!--#include virtual="/_include/footer.html" -->
|
|
</body>
|
|
</html>
|