Consultant Designer & Developer
Tailwind CSSUtils: ArraysRams PaletteMindfully curated color palettes by mymindCORS Proxy using CorsProxy.ioDownload HTML as ImagePrint HTML ElementSubstratumClearable StoreChange CaseWhitespace charactersPretty TablesUtils: ObjectNotebook URLSeed ButtonHelper functions: 3D Geometryμ LodashGenerate a color paletteTimerRatiosHelper functions: GeometryFit ‘N’ number of squares in a rectanglePDF ViewFeather IconsUse Tachyons CSS in ObservableGenerate a Contrasting Random Colorcanvas-sketch-utilp5.js Kit for ObservableSVG.js Wrapper
Poisson Sampling
/**
* Generate a points in a 2D using Poission Disc Sampling
*
* @param {number} width The width
* @param {number} height The height
* @param {object} [opts={}] The options for PoissonDiskSampling, except `shape`
* @return {Array<[number,number]>} The points
*/
function poissonSampling2d(width, height, opts = {}) {
const options = Object.assign(
{
minDistance: Math.min(width, height) / 20
},
opts
);
const pds = new PoissonDiskSampling({
...options,
shape: [width, height]
});
return pds.fill();
}
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
