Web developer and autodidact with an interest in creative coding.
{
const p = mapParams({}, {ascii, sqInit: +sqInit});
mapParams(p, c);
const out = query(p);
console.log('done', Date.now());
return html`<pre>${out}`;
function mapParams(target, params) {
return Object.entries(params).reduce((o, [k,v]) => (o[':'+k] = v, o), target);
}
}
c = ({
iters: 15,
minRow: 3,
maxRow: 40,
minCol: 0,
maxCol: 80 + 9,
rows: 36 + 7,
cols: 80 + 10,
scaleX: 0.6,
scaleY: 1.5,
camX: +(dist * cos(alpha) * cos(beta)).toFixed(camPrecision),
camY: +(dist * sin(beta)).toFixed(camPrecision),
camZ: +(dist * sin(alpha) * cos(beta)).toFixed(camPrecision),
ux: -pixelSize * sin(alpha),
uz: +pixelSize * cos(alpha),
vx: +pixelSize * cos(alpha) * sin(beta),
vy: -pixelSize * cos(beta),
vz: +pixelSize * sin(alpha) * sin(beta),
x0: -cos(alpha) * cos(beta),
y0: -sin(beta),
z0: -sin(alpha) * cos(beta),
})
formula = (x, y, z) => `MAX(ABS(${x}) - .3, ABS(${y}) - .3, ABS(${z}) - .3, -${sqrt1SQL(`${x} * ${x} + ${y} * ${y} + ${z} * ${z}`)} + 0.42)`
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.
