New #ThingUmbrella example (#172): Interactive visualization of low-discrepancy samples using https://thi.ng/viz, https://thi.ng/hiccup-svg, https://thi.ng/lowdisc, https://thi.ng/rdom & https://thi.ng/rdom-forms

The example also demonstrates combining multiple plots and uses lens axes with adjustable non-linear mapping using focal points and dilation...

Demo:
https://demo.thi.ng/umbrella/viz-scatter-plot/

Commented source code:
https://github.com/thi-ng/umbrella/blob/develop/examples/viz-scatter-plot/src/index.ts

#DataViz #Visualization #ScatterPlot #LowDiscrepancy #Reactive #UI #SVG #TypeScript #JavaScript

#HowToThing #022 — Quasi-random lattice generator using https://thi.ng/lowdisc and https://thi.ng/geom-voronoi

These infinite and parametric low-discrepancy sequence generators can be used to produce n-dimensional samples/points and are useful for a whole range of graphics (and more generally sampling related) topics and generative design techniques. The example also shows basic usage of the 2D Delaunay/Voronoi mesh, incl. obtaining cells which can be automatically clipped against a user-provided convex boundary polygon.

Demo (reload to randomize):
https://demo.thi.ng/umbrella/quasi-lattice/

Source (more comments than code 😎):
https://github.com/thi-ng/umbrella/tree/develop/examples/quasi-lattice/src/index.ts

Further reading:
https://extremelearning.com.au/unreasonable-effectiveness-of-quasirandom-sequences/
https://en.wikipedia.org/wiki/Low-discrepancy_sequence

#ThingUmbrella #Voronoi #Quasicrystal #Generative #Graphics #LowDiscrepancy #Sampling #Geometry #TypeScript #JavaScript #Tutorial