Dataflow
Complete examples demonstrating Dataflow's capabilities.
A port of the MDN React Todo App. Demonstrates state management, list operations, filtering, and form handling.
~17KB total (~5KB gzipped) vs React's ~150KB (~50KB gzipped).
A self-contained comment widget demonstrating reactive islands. Perfect for loading via HTMX, Unpoly, or Datastar.
Shows how to use mutable for list state with add and delete operations.
Learn SVG elements interactively! Adjust properties with sliders and color pickers to see changes in real-time.
Covers rect, circle, ellipse, line, polyline, polygon, and transforms with shared reactive state.
Learn Canvas 2D drawing interactively! Explore rectangles, paths, curves, arcs, and text rendering.
Covers fillRect, strokeRect, paths, bezier curves, arcs, ellipses, and text with shared reactive state.
Explore the Web Audio API with real-time visualizations! Play sounds, adjust parameters, and see waveforms.
Covers OscillatorNode, GainNode, BiquadFilterNode, DelayNode, LFO modulation, ADSR envelopes, and a playable mini synth with keyboard control.
Interactive bar chart showcasing jsx2dom's SVG support. Click bars to select, add new data points.
Demonstrates reactive SVG elements, click handlers, and camelCase attribute conversion.
Real-time memory and FPS visualization using Observable Plot with frame-by-frame updates.
Demonstrates now and width generators, time-series accumulation, dual charts with different scales, and FPS calculation.
Interactive cross-filtering of 10 million flight records using Mosaic vgplot and DuckDB-WASM.
Demonstrates loading remote Parquet data, linked histograms with brush selection, and automatic cross-filtering.