Interactive components

Thirteen things that would otherwise be assertions

An entity graph that reads its own markup. A vitals board measuring your session. An ROI model that shows the months you are underwater. Each component here exists because building the claim is more convincing than writing it.

13Components
0External dependencies
0Tracking scripts
100%Runs client side
01

Self Inspecting Entity Graph

Parses the JSON-LD out of its own document head and draws the result. The artifact and the demonstration are the same file.

live datacanvaszero deps
02

Live Core Web Vitals

Measures the session you are in right now, in your browser, on your device. No vendor script and no beacon.

your sessionobservers
03

Raw Response vs Rendered DOM

A wipe between the bytes a crawler receives and the DOM a browser builds, with a real node and link level diff.

sandboxedreal diff
04JL

Attribution Ledger

Every client site currently carrying the credit link, sized by real page count and grouped by sector.

15 sites253 pages
05

The Machine Mirror

How a language model describes an entity, diffed against the canonical claims that entity actually publishes.

driftbyo key
06

Four Surface Preview

One page rendered simultaneously as a blue link, an AI Overview citation, a chat source card, and a Perplexity reference.

live edit4 surfaces
07

The Cite Block

A canonical entity record published in four serialisations at once, every one projected from the same source object.

json-ldllms.txt
08

Skill Runner

Five real audit skills running client side against any HTML you paste, including this page's own source.

5 skillsin browser
09

Branded Report Renderer

Toggle findings and watch a client deliverable rebuild live, in the same document system used for the PDFs.

live docprint ready
100102030405researcharchbrandauditship

Build Receipts

The full pipeline behind a 126 page client site, from public research through sampled brand tokens to pre publish gates.

real project5 stages
119692843422

Operator Spec Sheet

Working style, operating parameters, and honest failure modes, published as a technical datasheet rather than a bio.

self reported
12

Career as Commit History

A professional timeline rendered as a git log, built from real repository creation dates spanning 2022 to now.

66 reposreal dates
13

SEO ROI Against Passive Returns

The same money in an index fund instead. Implied annual return, maximum drawdown, and a range of outcomes rather than one confident line.

live modelshows downside

Why these exist

A portfolio can claim technical fluency in a paragraph. It is harder, and considerably more convincing, to build the thing being claimed and let someone poke at it. Each component here demonstrates something that would otherwise be an assertion.

01

Nothing is faked

Where a component uses real data it says so, and where a live API is unavailable on a static site it says that too. The recorded runs are labelled as recorded.

02

No dependencies

Every component is vanilla JavaScript with inline styles. No framework, no CDN, no build step. That is a constraint worth demonstrating on an SEO site.

03

Isolated from the main site

Nothing here modifies the global stylesheet or any existing page. Each component is self contained, which is also why any of them can be removed without consequence.