Bio-Dynamics: Microbiome Sandbox
Full-body 3D microbiome simulator—rotate the body, zoom into tissue, run blog-backed probiotic scenarios.
labs/microbiome-sandbox
Companion demos & interactive labs
Open a lab or companion demo, break things, read the source. Every project links back to the article it came from.
Interactive sandboxes
Standalone simulations you can poke at — deeper than article companions, built for exploration.
Full-body 3D microbiome simulator—rotate the body, zoom into tissue, run blog-backed probiotic scenarios.
labs/microbiome-sandbox
Runnable in the browser
Static builds hosted on Cloudflare Pages — open a demo, then read the post for context.
Article: Creating Dynamic Music Visualizations with Angular and the Web Audio API
Dynamic music visualizations with Angular and the Web Audio API.
examples/angular-web-audio-visualizer
Article: Optimizing Angular Applications with Web Workers and OffscreenCanvas
Offload canvas rendering from the Angular main thread.
examples/angular-web-workers-offscreencanvas
Article: Building High-Performance Web Applications Leveraging WebAssembly and Rust
Compare JavaScript vs WebAssembly for CPU-heavy loops.
examples/rust-wasm-performance-demo
Article: Micro Frontends: Working Example
Qwik shell hosting Angular and React micro frontends.
examples/qwik-angular-react-rust
Article: Implementing Custom Web Components in Angular with Stencil.js
Custom element built with Stencil, consumed in Angular.
examples/angular-stencil-web-components
Article: Debugging Angular: A Tale of Two Developers
Reactive form debugging patterns in Angular.
examples/angular-dynamic-form-debugging
Article: Design Patterns in Angular: Enhancing Code Quality and Maintainability
Design patterns, providers, and injection tokens.
examples/angular-patterns-and-di
Article: Reusable Shared Module in Angular
Reusable UI library consumed by a demo app.
examples/angular-shared-library-workspace
Article: Advanced State Management in React with Recoil
Atoms, selectors, and async queries with Recoil.
examples/react-recoil-advanced-state
Article: Migrate CSS Bootstrap to Tailwind
Side-by-side before/after styling comparison.
examples/bootstrap-to-tailwind-migration
Article: Integrating GraphQL with Angular: A Practical Guide
Angular CRUD via Apollo query and mutate — in-browser GraphQL mock for the live demo.
examples/angular-graphql-apollo
Article: Real-Time Data in Frontend Applications
WebSocket vs SSE side by side — simulated transports for the live demo.
examples/realtime-frontend-patterns
Article: Chaos Engineering for Frontend Applications
Inject payment faults and compare fragile vs resilient checkout side by side.
examples/chaos-resilience-lab
Needs local setup
Firebase, API servers, native Linux tooling, or notebooks — not yet runnable as static browser demos.
Angular editor using Firebase, Firestore, and WebRTC signaling ideas.
From: Building a Real-Time Collaborative Editor with Angular, Firebase, and WebRTC
Express API showing REST and GraphQL side by side with an Angular client.
From: Migrating from REST to GraphQL: A Step-by-Step Guide for Express.js and Angular
Angular schematics for repeatable code generation.
From: Building Custom Angular Schematics: Automating Code Generation
Mapped, conditional, recursive, and utility type examples.
Python and Jupyter starter for notebook-driven technical analysis.
Rust TUI that reads Linux PSI and explains desktop stutter from kernel pressure signals.