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 palettePoisson SamplingTimerRatiosHelper functions: GeometryFit ‘N’ number of squares in a rectanglePDF ViewFeather IconsGenerate a Contrasting Random Colorcanvas-sketch-utilp5.js Kit for ObservableSVG.js Wrapper
Use Tachyons CSS in Observable
tachyons = {
const src = "https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css";
const n = html`<link rel=stylesheet href="${src}">`;
const api = {
attach: () => document.querySelector("head").prepend(n),
detach: () => n.parentNode && n.parentNode.removeChild(n)
};
api.attach();
invalidation.then(api.detach);
return api;
}
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.
