The avatar for @fil
Fil
Vocateur.
Published
Meta
Edited
Aug 14, 2019
Fork of Testing visibility
2 stars
Insert cell
Insert cell
Insert cell
Insert cell
colors = new Map()
Insert cell
Insert cell
mutable color = "pink"
Insert cell
Insert cell
visible = {
color;
return [...colors].filter(d => d[1]).map(d => d[0]);
}
Insert cell
async function* setColorOnVisibility(c, visibility) {
do {
colors.set(c, false);
await visibility();
colors.set(c, true);
for (const e of colors) {
if (e[1]) {
if (mutable color !== e[0]) {
mutable color = e[0];
if (e[0] === c) yield c;
}
break;
}
}
await Promises.delay(1000); // no need to hurry after a change
} while (true);
}
Insert cell
Insert cell
visible
Insert cell
setColorOnVisibility("blue", visibility)
Insert cell
setColorOnVisibility("red", visibility)
Insert cell
Insert cell
setColorOnVisibility("green", visibility)
Insert cell
setColorOnVisibility("orange", visibility)
Insert cell
Insert cell
setColorOnVisibility("yellow", visibility)
Insert cell
visible
Insert cell
setColorOnVisibility("olive", visibility)
Insert cell
Insert cell
setColorOnVisibility("teal", visibility)
Insert cell
visible
Insert cell
setColorOnVisibility("navy", visibility)
Insert cell
Insert cell
setColorOnVisibility("gray", visibility)
Insert cell
setColorOnVisibility("crimson", visibility)
Insert cell
Insert cell
setColorOnVisibility("sienna", visibility)
Insert cell
setColorOnVisibility("chartreuse", visibility)
Insert cell
Insert cell
setColorOnVisibility("steelblue", visibility)
Insert cell
setColorOnVisibility("mediumorchid", visibility)
Insert cell
Insert cell
visible
Insert cell
setColorOnVisibility("peachpuff", visibility)
Insert cell
setColorOnVisibility("midnightblue", visibility)
Insert cell
Insert cell
setColorOnVisibility("slategray", visibility)
Insert cell
setColorOnVisibility("sandybrown", visibility)
Insert cell
Insert cell
visible
Insert cell
setColorOnVisibility("tomato", visibility)
Insert cell
setColorOnVisibility("seagreen", visibility)
Insert cell
Insert cell
setColorOnVisibility("orangered", visibility)
Insert cell
setColorOnVisibility("olivedrab", visibility)
Insert cell
Insert cell
visible
Insert cell
setColorOnVisibility("firebrick", visibility)
Insert cell
setColorOnVisibility("lavender", visibility)
Insert cell
Insert cell
setColorOnVisibility("cadetblue", visibility)
Insert cell
setColorOnVisibility("papayawhip", visibility)
Insert cell
visible
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