Generative artist, sharing my journey in visual experiments.
Published
Edited
Oct 14, 2021
w = 540
h = 540
p = getRandomPalette()
palette = shuffle(p)
displayPalettes(palette)
bnb({
w, h,
numFrames: 120,
fps: 30,
record: true,
// video: true,
setup: (s, g) => {},
draw: (s, t, g) => {
s.background(palette[0])
s.noStroke()
const t1 = easing.easeQuadInOut(linearstep(t, 0, 0.125))
s.fill(palette[1])
s.rect(0, 0, t1 * w, h)
}
})
import {bnb} from '@makio135/bnb'
import {random, randInt, array, shuffle, linearstep} from '@makio135/utilities'
import {getRandomPalette, displayPalettes, scales, ramp} from '@makio135/give-me-colors'
easing = require('d3-ease')
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.
