The avatar for @colincasey
Colin Casey
Published
Edited
Jan 13, 2022
2 stars
Generative Art
Sonakinatography I, Composition III Animated
Unknown PleasuresTiled Linestiling #1Recamán Sequence #99Box Fitting
Also listed in…
album covers
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
{
const generator = beats()
const iterator = generator[Symbol.asyncIterator]()
const first = await iterator.next()
let b = await iterator.next()
const toString = i => {
return JSON.stringify(_.map([i.value.instruments[0]], (v) => {
return _.pick(v, 'direction', 'state', 'value')
}))
}
while (toString(first) !== toString(b)) {
b = await iterator.next()
yield [false, first.value, b.value]
}
yield [true, first.value, b.value]
}
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
html`<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Homemade+Apple&display=swap" rel="stylesheet">`
Insert cell
html`<style>
.grid-container {
display: grid;
grid-template-columns: 25px 25px 25px 25px 25px 25px 25px 25px;
grid-template-rows: 25px 25px 25px 25px 25px 25px 25px 25px;
gap: 0px 0px;
grid-template-areas:
". . . . . . . ."
". . . . . . . ."
". . . . . . . ."
". . . . . . . ."
". . . . . . . ."
". . . . . . . ."
". . . . . . . ."
". . . . . . . .";
font-family: 'Homemade Apple', cursive;
}

.cell {
opacity: 0.3;
display: flex;
justify-content: center;
align-items: center;
}
</style>`
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