Interactive HTML animation demos
Self-contained demos you can open full screen: canvas, SVG, CSS, WebGL and more.
-
CancellationToken in C#: An Interactive Guide
Learn C# CancellationToken with animated simulators, step-through code and a pitfalls lab: ASP.NET Core requests, hosted service shutdown and Parallel loops.
-
Circuit Breaker in C# .NET 10 — Interactive Guide
Learn the Circuit Breaker pattern in C# .NET 10 with a live state simulator, config playground, Polly v8 and HttpClient resilience code and real scenarios.
-
Dependency Injection in .NET: Interactive C# Guide
Learn .NET dependency injection in C# with animated diagrams, a service lifetime simulator and bad-vs-good code toggles, built with plain JavaScript and SVG.
-
Retry Pattern in C# .NET — Interactive Guide
Learn the Retry pattern in C# .NET with an animated simulator, backoff and jitter charts, a retry-storm demo, and Polly v8 and HttpClient resilience code.
-
Saga Pattern in C# .NET — Interactive Guide
Run an animated C# .NET order saga step by step: orchestration vs choreography, compensations, pivots, retries and idempotency, drawn with SVG and JavaScript.
-
Scheduler Agent Supervisor Pattern in C# and .NET
Watch a Scheduler, Agents and a Supervisor recover a multi-step C# .NET order workflow from crashes and timeouts in an animated SVG simulator.
-
C# Async/Await Explained: Interactive .NET 10 Guide
Interactive guide to C# async/await in .NET 10: trace I/O through IOCP and epoll, run thread pool and deadlock simulators, and learn when not to use async.
-
Array Academy: How Arrays Work in C# and .NET 10
Interactive guide to how arrays work in C# and .NET 10: memory layout, CPU caches, JIT, performance, Span, ArrayPool, SIMD and when to use them.
-
Caching, Explained
Interactive caching course with animated SVG simulators for hits and misses, eviction policies, TTL jitter, stampedes and consistent hashing, in vanilla JS.
-
.NET 10 Server-Sent Events
Interactive explainer of Server-Sent Events in ASP.NET Core 10, with a live reconnect simulator, wire-format builder, code walkthroughs and a transport chart.
-
HTTPS Packet by Packet
Follow one HTTPS request packet by packet, from DNS and TCP through the TLS 1.3 handshake, in an interactive SVG sequence diagram built with plain JavaScript.
-
Layer 7, Up Close
Explore OSI Layer 7 with clickable HTTP message anatomy, an animated L4 vs L7 load balancer, real protocol exchanges and a live JavaScript rate limiter.
-
Agents + Instructions + Skills Together
Watch four GitHub Copilot custom agents pick up instructions, skills and MCP tools while shipping a .NET change, in an interactive JavaScript walkthrough.
-
Pattern Junction — C# Design Pattern Simulators
Press Play on 24 interactive C# simulators covering all 23 Gang of Four design patterns, from a live train Observer to a lift Proxy, in plain JavaScript.