This directory contains a growing number (currently 132) of standalone example projects, including live online versions, build instructions and commented source code.

If you want to contribute an example, please get in touch via PR, issue tracker, email or twitter!

#	Screenshot	Name	Description
001		adaptive-threshold	Interactive image processing (adaptive threshold)
002		ascii-raymarch	ASCII art raymarching with thi.ng/shader-ast & thi.ng/text-canvas
003		async-effect	Minimal demo using interceptors with an async side effect
004		big-font	Large ASCII font text generator using @thi.ng/rdom
005		bitmap-font	Figlet-style bitmap font creation with transducers
006		canvas-dial	Canvas based dial widget
007		cellular-automata	2D transducer based cellular automata
008		color-themes	Probabilistic color theme generator
009		commit-heatmap	Heatmap visualization of this mono-repo's commits
010		commit-table-ssr	Filterable commit log UI w/ minimal server to provide commit history
011		crypto-chart	Basic crypto-currency candle chart with multiple moving averages plots
012		devcards	BMI calculator in a devcards format
013		dominant-colors	Color palette generation via dominant color extraction from uploaded images
014		ellipse-proximity	Interactive visualization of closest points on ellipses
015		fft-synth	Interactive inverse FFT toy synth
016		fiber-basics	Fiber-based cooperative multitasking basics
017		geom-convex-hull	Convex hull & shape clipping of 2D polygons
018		geom-fuzz-basics	geom-fuzz basic shape & fill examples
019		geom-knn	Doodle w/ K-nearest neighbor search result visualization
020		geom-knn-hash	K-nearest neighbor search in an hash grid
021		geom-sdf-logo	(Re)Constructing the thi.ng logo using a 2D signed-distance field
022		geom-tessel	Animated, recursive polygon tessellations
023		geom-voronoi-mst	Poisson-disk shape-aware sampling, Voronoi & Minimum Spanning Tree visualization
024		gesture-analysis	Mouse gesture / stroke analysis, simplification, corner detection
025		grid-iterators	Visualization of different grid iterator strategies
026		hdom-basics	Minimal hdom usage example
027		hdom-benchmark	hdom update performance benchmark (old version)
028		hdom-benchmark2	hdom update performance benchmark w/ config options
029		hdom-canvas-clock	Realtime analog clock demo
030		hdom-canvas-draw	Interactive pattern drawing demo using transducers
031		hdom-canvas-particles	2D Bezier curve-guided particle system
032		hdom-canvas-shapes	Various hdom-canvas shape drawing examples & SVG conversion / export
033		hdom-dropdown	Custom dropdown UI component for hdom
034		hdom-dropdown-fuzzy	Custom dropdown UI component w/ fuzzy search
035		hdom-dyn-context	Using custom hdom context for dynamic UI theming
036		hdom-elm	Using hdom in an Elm-like manner
037		hdom-inner-html	Higher-order component for rendering HTML strings
038		hdom-local-render	Isolated, component-local DOM updates
039		hdom-localstate	UI component w/ local state stored in hdom context
040		hdom-skip	Skipping UI updates for selected component(s)
041		hdom-skip-nested	Skipping UI updates for nested component(s)
042		hdom-theme	Example for themed components proposal
043		hdom-toggle	Customizable slide toggle component demo
044		hdom-vscroller	Virtual scroller component for large tables / lists
045		hiccup-canvas-arcs	Animated arcs & drawing using hiccup-canvas
046		hiccup-css-image-transition	Generating pure CSS image transitions
047		hydrate-basics	Hiccup / hdom DOM hydration example
048		ifs-fractal	Barnsley fern IFS fractal renderer
049		imgui	Canvas based Immediate Mode GUI components
050		imgui-basics	Minimal IMGUI usage example
051		interceptor-basics	Event handling w/ interceptors and side effects
052		interceptor-basics2	Event handling w/ interceptors and side effects
053		iso-plasma	Animated sine plasma effect visualized using contour lines
054		json-components	Transforming JSON into UI components
055		kmeans-viz	k-means clustering visualization
056		lispy-repl	Browser REPL for a Lispy S-expression based mini language
057		login-form	Basic SPA example with atom-based UI router
058		mandelbrot	Worker based, interactive Mandelbrot visualization
059		markdown	Markdown to Hiccup to HTML parser / transformer
060		mastodon-feed	Mastodon API feed reader with support for different media types, fullscreen media modal, HTML rewriting
061		multitouch	Basic rstream-gestures multi-touch demo
062		package-stats	CLI util to visualize umbrella pkg stats
063		parse-playground	Parser grammar livecoding editor/playground & codegen
064		pixel-basics	Pixel buffer manipulations
065		pixel-dither	Showcase of various dithering algorithms
066		pixel-indexed	Image dithering and remapping using indexed palettes
067		pixel-normal-map	Normal map creation/conversion basics
068		pixel-sorting	Interactive pixel sorting tool using thi.ng/color & thi.ng/pixel
069		pointfree-svg	Generate SVG using pointfree DSL
070		poisson-circles	2D Poisson-disc sampler with procedural gradient map
071		poly-spline	Polygon to cubic curve conversion & visualization
072		porter-duff	Port-Duff image compositing / alpha blending
073		ramp-synth	Unison wavetable synth with waveform editor
074		rasterize-blend	Steering behavior drawing with alpha-blended shapes
075		rdom-basics	Demonstates various rdom usage patterns
076		rdom-canvas-basics	Minimal rdom-canvas animation
077		rdom-delayed-update	Dynamically loaded images w/ preloader state
078		rdom-dnd	rdom drag & drop example
079		rdom-key-sequences	rstream & transducer-based FSM for converting key event sequences into high-level commands
080		rdom-lissajous	rdom & hiccup-canvas interop test
081		rdom-search-docs	Full umbrella repo doc string search w/ paginated results
082		rdom-svg-nodes	rdom powered SVG graph with draggable nodes
083		render-audio	Generative audio synth offline renderer and WAV file export
084		rotating-voronoi	Animated Voronoi diagram, cubic splines & SVG download
085		router-basics	Complete mini SPA app w/ router & async content loading
086		rstream-dataflow	Minimal rstream dataflow graph
087		rstream-event-loop	Minimal demo of using rstream constructs to form an interceptor-style event loop
088		rstream-grid	Interactive grid generator, SVG generation & export, undo/redo support
089		rstream-hdom	rstream based UI updates & state handling
090		rstream-spreadsheet	rstream based spreadsheet w/ S-expression formula DSL
091		rstream-sync	Minimal rstream sync() example using rdom
092		scenegraph	2D scenegraph & shape picking
093		scenegraph-image	2D scenegraph & image map based geometry manipulation
094		shader-ast-canvas2d	2D canvas shader emulation
095		shader-ast-evo	Evolutionary shader generation using genetic programming
096		shader-ast-noise	HOF shader procedural noise function composition
097		shader-ast-raymarch	WebGL & JS canvas2D raymarch shader cross-compilation
098		shader-ast-sdf2d	WebGL & JS canvas 2D SDF
099		shader-ast-tunnel	WebGL & Canvas2D textured tunnel shader
100		shader-ast-workers	Fork-join worker-based raymarch renderer (JS/CPU only)
101		shader-graph	Minimal shader graph developed during livestream #2
102		soa-ecs	Entity Component System w/ 100k 3D particles
103		spline-tangent	Compute cubic spline position & tangent using Dual Numbers
104		stratified-grid	2D Stratified grid sampling example
105		svg-barchart	Simplistic SVG bar chart component
106		svg-particles	Basic 2D particle system w/ SVG shapes
107		svg-resample	SVG path parsing & dynamic resampling
108		svg-waveform	Additive waveform synthesis & SVG visualization with undo/redo
109		talk-slides	hdom based slide deck viewer & slides from my ClojureX 2018 keynote
110		text-canvas	3D wireframe textmode demo
111		text-canvas-image	Textmode image warping w/ 16bit color output
112		todo-list	Obligatory to-do list example with undo/redo
113		trace-bitmap	Multi-layer vectorization & dithering of bitmap images
114		transducers-hdom	Transducer & rstream based hdom UI updates
115		triple-query	Triple store query results & sortable table
116		unbiased-normals	Visual comparison of biased vs. unbiased normal vectors projected on the surface of a sphere
117		webgl-channel-mixer	rdom & WebGL-based image channel editor
118		webgl-cube	WebGL multi-colored cube mesh
119		webgl-cubemap	WebGL cube maps with async texture loading
120		webgl-float-fbo	Drawing to floating point offscreen / multi-pass shader pipeline
121		webgl-game-of-life	Game of Life implemented as WebGL2 multi-pass shader pipeline
122		webgl-grid	WebGL instancing, animated grid
123		webgl-msdf	WebGL MSDF text rendering & particle system
124		webgl-multipass	Minimal multi-pass / GPGPU example
125		webgl-shadertoy	Shadertoy-like WebGL setup
126		webgl-ssao	WebGL screenspace ambient occlusion
127		wolfram	1D Wolfram automata with OBJ point cloud export
128		xml-converter	XML/HTML/SVG to hiccup/JS conversion
129		zig-canvas	Zig-based DOM creation & canvas drawing app
130		zig-cellular	Zig-based 2D multi-behavior cellular automata
131		zig-counter	Simple Zig/WASM click counter DOM component
132		zig-todo-list	Zig-based To-Do list, DOM creation, local storage task persistence