asw/examples/charts/amy-field-intelligence.html
Ludo 86464f3e21
feat: legacy import — packs, examples, lab, themes, docs, lineage
Import from agentic-semantic-web/ into restructured repo:
- 7 packs (apache, caddy, flask, hugo, nginx, pandoc, python)
- shared error pages (403-503)
- 17 lab experiments (boilerplate, charts, misc)
- 31 example pages (charts, components, content, layout, vault)
- 2 themes (garden, trentuna stub)
- 4 docs (llms.txt, vocabulary, philosophy, agent-directive)
- lineage.md (Pico/Open Props/Charts.css history)
- Hugo mounts for lab/ and examples/

All agentic.css references updated to asw.css.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-11 16:57:39 +02:00

156 lines
6.1 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="en">
<head>
<!--#include virtual="/_include/head.html" -->
<title>Field Intelligence Report — ASW Examples</title>
<meta name="description" content="Investigative data analysis —
multi-series column with labels, source reliability bar, activity area
chart">
</head>
<body>
<!--#include virtual="/_include/nav.html" -->
<main>
<header>
<h1>Field Intelligence Report</h1>
<p data-text="lead">Investigative data analysis — multi-series
column with labels, source reliability bar, activity area chart</p>
</header>
<p>This report documents signal intercept patterns across Q1 2026. Charts are used as analytical instruments — each answers a specific question about the data. Combined, they outline what happened, who was responsible, and how the trend evolved.</p>
<div data-layout="stats">
<div>
<span data-stat="value">247</span>
<span data-stat="label">Intercepts analyzed</span>
</div>
<div>
<span data-stat="value">6</span>
<span data-stat="label">Source networks</span>
</div>
<div>
<span data-stat="value">91%</span>
<span data-stat="label">Verification rate</span>
</div>
<div>
<span data-stat="value">3</span>
<span data-stat="label">Priority findings</span>
</div>
</div>
<h2>Intercepts by category</h2>
<p>Column chart with <code>data-chart-labels</code> active. The thead row becomes visible axis labels. Three categories tracked across January, February, and March — each row in tbody is one category's monthly readings.</p>
<table data-chart="column" data-chart-labels style="--chart-height: 200px">
<caption>Signal intercepts by category — Q1 2026</caption>
<thead>
<tr>
<th scope="col">Jan</th>
<th scope="col">Feb</th>
<th scope="col">Mar</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Communication</th>
<td style="--size: 0.55">55</td>
<td style="--size: 0.80">80</td>
<td style="--size: 1.0">100</td>
</tr>
<tr>
<th scope="row">Electronic</th>
<td style="--size: 0.30">30</td>
<td style="--size: 0.45">45</td>
<td style="--size: 0.60">60</td>
</tr>
<tr>
<th scope="row">Human</th>
<td style="--size: 0.20">20</td>
<td style="--size: 0.28">28</td>
<td style="--size: 0.34">34</td>
</tr>
</tbody>
</table>
<p data-text="dim">Communication intercepts nearly doubled January to March. Electronic and human sources grew at slower but consistent rates.</p>
<div data-callout="note">
<span data-callout-title>Key finding</span>
<p>The acceleration in communication intercepts from February to March (+25%) coincides with increased operational tempo in target areas. Human source reporting lagged by approximately three weeks — consistent with field handler cycles.</p>
</div>
<h2>Source reliability ranking</h2>
<p>Bar chart with <code>data-chart-labels</code>. Six source networks ranked by verified accuracy score over Q1. Labels active on both axes — row labels name the source, column header labels would appear if thead were present. Per-row color overrides mark the two highest-reliability sources.</p>
<table data-chart="bar" data-chart-labels data-chart-spacing="3">
<caption>Source reliability score — Q1 2026 (0100)</caption>
<tbody>
<!-- max=94, SIGINT-Alpha -->
<tr style="--color: var(--accent)">
<th scope="row">SIGINT-Alpha</th>
<td style="--size: 1.0" data-value="94">94</td>
</tr>
<tr style="--color: var(--accent)">
<th scope="row">HUMINT-Bravo</th>
<td style="--size: 0.915" data-value="86">86</td>
</tr>
<tr>
<th scope="row">OSINT-Charlie</th>
<td style="--size: 0.798" data-value="75">75</td>
</tr>
<tr>
<th scope="row">ELINT-Delta</th>
<td style="--size: 0.734" data-value="69">69</td>
</tr>
<tr>
<th scope="row">IMINT-Echo</th>
<td style="--size: 0.617" data-value="58">58</td>
</tr>
<tr>
<th scope="row">MASINT-Foxtrot</th>
<td style="--size: 0.511" data-value="48">48</td>
</tr>
</tbody>
</table>
<p data-text="dim">SIGINT-Alpha and HUMINT-Bravo marked in green — both cleared for high-confidence reporting. Remaining sources require corroboration before intelligence product.</p>
<h2>Activity trend — 8-week arc</h2>
<p>Area chart tracing cumulative signal activity from week 1 through week 8 of Q1. The fill below the line makes the rising trend immediately legible — area charts are well-suited to showing how something builds over time.</p>
<table data-chart="area" style="--chart-height: 180px">
<caption>Signal activity volume — weeks 18, Q1 2026</caption>
<tbody>
<tr><th scope="row">Wk 1</th><td style="--size: 0.18">18</td></tr>
<tr><th scope="row">Wk 2</th><td style="--size: 0.24">24</td></tr>
<tr><th scope="row">Wk 3</th><td style="--size: 0.31">31</td></tr>
<tr><th scope="row">Wk 4</th><td style="--size: 0.45">45</td></tr>
<tr><th scope="row">Wk 5</th><td style="--size: 0.52">52</td></tr>
<tr><th scope="row">Wk 6</th><td style="--size: 0.68">68</td></tr>
<tr><th scope="row">Wk 7</th><td style="--size: 0.84">84</td></tr>
<tr><th scope="row">Wk 8</th><td style="--size: 1.0">100</td></tr>
</tbody>
</table>
<p data-text="dim">Volume increased 5.5× from week 1 to week 8. The acceleration is consistent — no anomalous spike, suggesting systematic increase in monitored activity rather than a single triggering event.</p>
<h2>Chart patterns used</h2>
<table>
<thead>
<tr><th>Chart</th><th>Attribute</th><th>What it shows</th></tr>
</thead>
<tbody>
<tr><td>Column + labels</td><td><code>data-chart="column" data-chart-labels</code></td><td>Multi-series monthly data with visible axis</td></tr>
<tr><td>Bar + labels + color</td><td><code>data-chart="bar" data-chart-labels</code> + <code>style="--color: ..."</code></td><td>Ranked comparison with highlighted outliers</td></tr>
<tr><td>Area</td><td><code>data-chart="area"</code></td><td>Trend accumulation over time</td></tr>
</tbody>
</table>
</main>
<!--#include virtual="/_include/footer.html" -->
</body>
</html>