Skip to content

Latest commit

 

History

History

examples

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

@thi.ng/umbrella examples

This directory contains a growing number (currently 98) 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 async-effect Minimal demo using interceptors with an async side effect
003 bitmap-font Figlet-style bitmap font creation with transducers
004 canvas-dial Canvas based dial widget
005 cellular-automata 2D transducer based cellular automata
006 commit-heatmap Heatmap visualization of this mono-repo's commits
007 commit-table-ssr Filterable commit log UI w/ minimal server to provide commit history
008 crypto-chart Basic crypto-currency candle chart with multiple moving averages plots
009 devcards BMI calculator in a devcards format
010 ellipse-proximity Interactive visualization of closest points on ellipses
011 fft-synth Interactive inverse FFT toy synth
012 geom-convex-hull Convex hull & shape clipping of 2D polygons
013 geom-fuzz-basics geom-fuzz basic shape & fill examples
014 geom-knn Doodle w/ K-nearest neighbor search result visualization
015 geom-tessel Animated, recursive polygon tessellations
016 geom-voronoi-mst Poisson-disk shape-aware sampling, Voronoi & Minimum Spanning Tree visualization
017 gesture-analysis Mouse gesture / stroke analysis, simplification, corner detection
018 grid-iterators Visualization of different grid iterator strategies
019 hdom-basics Minimal hdom usage example
020 hdom-benchmark hdom update performance benchmark (old version)
021 hdom-benchmark2 hdom update performance benchmark w/ config options
022 hdom-canvas-clock Realtime analog clock demo
023 hdom-canvas-draw Interactive pattern drawing demo using transducers
024 hdom-canvas-particles 2D Bezier curve-guided particle system
025 hdom-canvas-shapes Various hdom-canvas shape drawing examples & SVG conversion / export
026 hdom-dropdown Custom dropdown UI component for hdom
027 hdom-dropdown-fuzzy Custom dropdown UI component w/ fuzzy search
028 hdom-dyn-context Using custom hdom context for dynamic UI theming
029 hdom-elm Using hdom in an Elm-like manner
030 hdom-inner-html Higher-order component for rendering HTML strings
031 hdom-local-render Isolated, component-local DOM updates
032 hdom-localstate UI component w/ local state stored in hdom context
033 hdom-skip Skipping UI updates for selected component(s)
034 hdom-skip-nested Skipping UI updates for nested component(s)
035 hdom-theme Example for themed components proposal
036 hdom-toggle Customizable slide toggle component demo
037 hdom-vscroller Virtual scroller component for large tables / lists
038 hiccup-canvas-arcs Animated arcs & drawing using hiccup-canvas
039 hydrate-basics Hiccup / hdom DOM hydration example
040 imgui Canvas based Immediate Mode GUI components
041 imgui-basics Minimal IMGUI usage example
042 interceptor-basics Event handling w/ interceptors and side effects
043 interceptor-basics2 Event handling w/ interceptors and side effects
044 iso-plasma Animated sine plasma effect visualized using contour lines
045 json-components Transforming JSON into UI components
046 login-form Basic SPA example with atom-based UI router
047 mandelbrot Worker based, interactive Mandelbrot visualization
048 markdown Minimal Markdown to Hiccup to HTML parser / transformer
049 multitouch Basic rstream-gestures multi-touch demo
050 package-stats CLI util to visualize umbrella pkg stats
051 parse-playground Parser grammar livecoding editor/playground & codegen
052 pixel-basics Pixel buffer manipulations
053 pointfree-svg Generate SVG using pointfree DSL
054 poisson-circles 2D Poisson-disc sampler with procedural gradient map
055 poly-spline Polygon to cubic curve conversion & visualization
056 porter-duff Port-Duff image compositing / alpha blending
057 ramp-synth Unison wavetable synth with waveform editor
058 rdom-basics Demonstates various rdom usage patterns
059 rdom-dnd rdom drag & drop example
060 rdom-lissajous rdom & hiccup-canvas interop test
061 rdom-search-docs Full umbrella repo doc string search w/ paginated results
062 rdom-svg-nodes rdom powered SVG graph with draggable nodes
063 rotating-voronoi Animated Voronoi diagram, cubic splines & SVG download
064 router-basics Complete mini SPA app w/ router & async content loading
065 rstream-dataflow Minimal rstream dataflow graph
066 rstream-event-loop Minimal demo of using rstream constructs to form an interceptor-style event loop
067 rstream-grid Interactive grid generator, SVG generation & export, undo/redo support
068 rstream-hdom rstream based UI updates & state handling
069 rstream-spreadsheet rstream based spreadsheet w/ S-expression formula DSL
070 scenegraph 2D scenegraph & shape picking
071 scenegraph-image 2D scenegraph & image map based geometry manipulation
072 shader-ast-canvas2d 2D canvas shader emulation
073 shader-ast-evo Evolutionary shader generation using genetic programming
074 shader-ast-noise HOF shader procedural noise function composition
075 shader-ast-raymarch WebGL & JS canvas2D raymarch shader cross-compilation
076 shader-ast-sdf2d WebGL & JS canvas 2D SDF
077 shader-ast-tunnel WebGL & Canvas2D textured tunnel shader
078 shader-ast-workers Fork-join worker-based raymarch renderer
079 shader-graph Minimal shader graph developed during livestream #2
080 soa-ecs Entity Component System w/ 100k 3D particles
081 stratified-grid 2D Stratified grid sampling example
082 svg-barchart Simplistic SVG bar chart component
083 svg-particles Basic 2D particle system w/ SVG shapes
084 svg-waveform Additive waveform synthesis & SVG visualization with undo/redo
085 talk-slides hdom based slide deck viewer & slides from my ClojureX 2018 keynote
086 text-canvas 3D wireframe textmode demo
087 todo-list Obligatory to-do list example with undo/redo
088 transducers-hdom Transducer & rstream based hdom UI updates
089 triple-query Triple store query results & sortable table
090 webgl-cube WebGL multi-colored cube mesh
091 webgl-cubemap WebGL cube maps with async texture loading
092 webgl-grid WebGL instancing, animated grid
093 webgl-msdf WebGL MSDF text rendering & particle system
094 webgl-multipass Minimal multi-pass / GPGPU example
095 webgl-shadertoy Shadertoy-like WebGL setup
096 webgl-ssao WebGL screenspace ambient occlusion
097 wolfram 1D Wolfram automata with OBJ point cloud export
098 xml-converter XML/HTML/SVG to hiccup/JS conversion