pixel flipper, data sifter. trying to see what I can while I'm here
// viewof player = youtubePlayer('EcZdXfv5LW4')
midi
Cdecay + Ddecay + Edecay
eases = [
d3.easeElasticIn.amplitude(2).period(2.7),
d3.easePolyInOut.exponent(7),
d3.easeBack.overshoot(2.7),
d3.easeBack.overshoot(2.7),
d3.easeElasticIn.amplitude(2).period(2.7),
]
makeCurve(eases[0])
makeCurve(eases[1])
makeCurve(eases[2])
makeCurve(eases[3])
makeCurve(eases[4])
keys = ["a", "s", "d", "f", "g"]
function* decayer2(note, ease) {
while (true) {
note.alpha = note.alpha <= 0 ? 0 : note.alpha - decay
yield Promises.delay(fps, ease(note.alpha));
}
}
words = { return { "C": "want", "D": "those", "E": "likes"} }
amplitude = scaler(1, 100)(midi.c2)
frequency = scaler(1, 40)(midi.c3)
height = 500
fontSize = 250
radius = 3;
spacing = scaler(8, 20)(midi.c1)
scaler = function(min, max) {
return function(num) {
return d3.scaleLinear()
.domain([0, 127])
.range([min, max])(num || 0)
}
}
collisionStrength = 0.1;
// reset = {
// if(f > 0.90) {
// pixels.forEach(function(p) {
// p.x += Math.random() * 100 - 50
// p.y += Math.random() * 200 - 100
// })
// simulation.alpha(0.5)
// return true
// }
// return false
// }
// mutable simulation = {
// let sim = d3.forceSimulation(pixels)
// .velocityDecay(0.2)
// .force("x", d3.forceX(function(d) { return d.xTarget; }).strength(collisionStrength))
// .force("y", d3.forceY(function(d) { return d.yTarget; }).strength(collisionStrength))
// .force("collide", d3.forceCollide().radius(function(d) { return d.rTarget; }))
// return sim
// }
// simulating = {
// tick; simulation.tick()
// return true
// }
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.
