※ Interactive engineering demos

Artifacts

Self-contained, interactive tools that each make one piece of the engineering tangible — data pipelines, SQL window functions, data lineage, consent compliance. A few are built purely for the fun of it. All run in the browser, outside any framework.

Engineering demos
4 pieces
open →

Semantic dbt Tests, Scored

dbt tests written as English sentences, replayed from logged live runs: move the threshold, switch the request layout, and watch precision and recall against a hidden answer key and a regex baseline.

#dbt#data-quality#analytics-engineering#duckdb#interactive
open →

Dark Patterns Lab

Build a cookie consent banner from parts, flip the dark patterns the industry actually uses, and watch a GDPR/ePrivacy compliance meter call out violations article by article.

#privacy#gdpr#interactive#developer-tool
open →

dlt Pipeline Sandbox

Interactive dlt → DuckDB pipeline simulator. Pick a source, write disposition, and schema contract, then run the pipeline and watch extract, normalize, and load play out step by step.

#data-engineering#simulation#interactive#developer-tool
open →

SQL Window Functions

Visual explainer for SQL window functions. Pick ROW_NUMBER, RANK, LAG, or a moving average, then hover any result row to see exactly which rows its window frame covers and why.

#sql#data-engineering#interactive#developer-tool
Data & dev tools
7 pieces
open →

Semantic dbt Tests, Scored

dbt tests written as English sentences, replayed from logged live runs: move the threshold, switch the request layout, and watch precision and recall against a hidden answer key and a regex baseline.

#dbt#data-quality#analytics-engineering#duckdb#interactive
open →

dlt Pipeline Sandbox

Interactive dlt → DuckDB pipeline simulator. Pick a source, write disposition, and schema contract, then run the pipeline and watch extract, normalize, and load play out step by step.

#data-engineering#simulation#interactive#developer-tool
open →

SQL Window Functions

Visual explainer for SQL window functions. Pick ROW_NUMBER, RANK, LAG, or a moving average, then hover any result row to see exactly which rows its window frame covers and why.

#sql#data-engineering#interactive#developer-tool
open →

Data Lineage Viewer

Interactive column-level data lineage graph: trace how data flows from sources through staging and marts to dashboards. Click a node for its impact path, click a column to follow it.

#data-engineering#lineage#data-quality#interactive
open →

Pipeline Dashboard

Simulated data pipeline health dashboard with real-time freshness monitoring, row count sparklines, schema drift alerts, and SLA tracking. Click pipelines to inspect runs.

#data-engineering#data-quality#monitoring#dashboard
open →

Regex Playground

Live regex testing with syntax-highlighted matches, capture group breakdown, and match statistics. Type a pattern, paste your text, see results instantly.

#regex#developer-tool#interactive
open →

Sprint Velocity Tracker

Agile sprint dashboard with burndown chart, velocity trend, cycle time distribution, and WIP tracking. Click sprints to drill into story breakdowns.

#dashboard#agile#charts#canvas
Privacy
1 piece
Play
4 pieces