Cloud Waste Hunter.The system describes itself.

Cross-account FinOps SaaS: STS AssumeRole scanner, Glue + Athena cost attribution, Bedrock-streamed remediation, Lemon Squeezy billing.

01 · The graph

Each circle is a system, project, phase, architecture, tool, memory, telemetry, lab, or evolution event. Each line is a relationship — depends_on, evolved_into, powers, observes, introduced, influences, or related_to. The visual treatment is deliberately restrained: one hue, no animation theatre, no interpretation overlay. This is the system's own description of itself, not a marketing diagram.

On desktop the graph upgrades to a 3D scene after the capability check resolves. Reduced-motion + mobile viewports stay on the static SVG path — the same data, painted differently. The full graph (every project + every system) is at /api/v5/topology/graph.

02 · Direct neighbors

The nodes one hop away from Cloud Waste Hunter in the registry — the systems that power it, the architectures it inherits from, the phases that introduced its supporting layers.

• ← powersAWS Topology — 3D ConstellationThree.js + @xyflow/react WebGL scene that renders Cloud Waste Hunter's production AWS architecture; powered the hero constellation transplant.
• ← powersScrollStory EngineProject-agnostic scroll-narrative engine that pairs per-project milestone data with SVG illustrations and IntersectionObserver-driven section tracking.

03 · Recorded evolution

The architectural moments the engineering memory archive records about Cloud Waste Hunter.

• 2026-05-153D AWS topology — Cloud Waste Hunter explorerA WebGL scene representing the Cloud Waste Hunter architecture as a 12-node 3D constellation. Three.js with @react-three/fiber + @react-three/drei; mobile falls back to a 2D hierarchical view. Renders only on the project sub-page (route-isolated chunk) so the global bundle stays cinematic-fast.
• 2026-05-16CWH topology engine transplanted onto the homepageThe Three.js + @xyflow/react topology that originally lived on /architecture/cloud-waste-hunter was migrated onto the homepage as the hero constellation. The same scene, with the project-side camera philosophy adapted to a spatial-freedom variant that reacts to scroll. Identical chunk reused across both surfaces — the global bundle didn't grow.
• 2026-05-15Cloud Waste Hunter Pro — pricing + live metrics shippedCloud Waste Hunter moved from project case study to monetized SaaS surface: a pricing page, a Lemon Squeezy checkout flow, a live-metrics endpoint that surfaces real production numbers, and the embedded CWH Pro CTA that appears on both /projects/aws-waste-hunter and /architecture/cloud-waste-hunter. The portfolio became its own conversion funnel.

04 · Related surfaces

• /architecture/cloud-waste-hunterScroll-through architectureThe linear narrative of how this project works — milestone by milestone, in order.
• /evolutionEngineering memory archiveEvery event the registry records about this project, filtered to its system slug.

05 · Source files

• Graph datadata/topology/graph.tsThe hand-curated registry — 22 nodes + 28 relationships. Append-only.
• SVG rendererlib/v5/topology/renderers/svg-renderer.tsxServer-renderable, crawler-friendly, reduced-motion fallback.
• Three.js rendererlib/v5/topology/renderers/three-renderer.tsxDesktop-enhanced; frameloop="demand" collapses idle CPU to 0%.
• This pageapp/v5/topology/[slug]/page.tsxThe route + the editorial framing.