Motion, Design, Art & Code
Published
Edited
Jul 1, 2019
5 stars
noiseFreq = 0.015;
noiseAmm = 33;
freq = 0.003;
p5(sketch => {
sketch.setup = function() {
sketch.createCanvas(800, 420);
sketch.background(0,0,33);
sketch.smooth();
sketch.noStroke();
};
sketch.draw = function() {
sketch.background(0,0,33);
for (var y=75; y<sketch.height-75; y+=25) {
for (var x=75; x<sketch.width-75; x+=25) {
let dia = sketch.noise(x * noiseFreq, y * noiseFreq, sketch.frameCount*freq) * noiseAmm;
sketch.ellipse(x, y, dia, dia);
}
}
};
})
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.
