Published
Edited
May 12, 2019
Fork of Eames dots
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
wonkyPos = {
let wonkyPos = []
for (let i = 0; i < shapePos.length; i++) {
wonkyPos.push(duplicator(shapePos[i]));
}
return wonkyPos
}
Insert cell
duplicator = (circle) => {
//modified perturber function via https://observablehq.com/@duncangeere/structure-de-quadrilateres
let magnitude = circle.column * 2 // This line defines how the randomness spreads across the image
let perturb = () => ((changing + Math.random() - 0.5) * (magnitude * 3)); // The line defines the size of the randomness
let newShape = {column: circle.column, row: circle.row,
cx: circle.cx,
cy: circle.cy,
r: circle.r + perturb(),
m: circle.m
};
// column: i,
// row: j,
// cx: (margin * (i+1) + shapeSize * i),
// cy: (margin * (j*1) + shapeSize * j),
// r: (shapeSize/2),
// m: "0 1,0"
return newShape;
}
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell

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.
Learn more