{
const svg = d3.create("svg")
.attr("width", width)
.attr("height", 33)
.attr("viewBox", `0 -20 ${width} 33`);
while (true) {
const t = svg.transition()
.duration(750);
const textUpdate = svg.selectAll("text")
.data(randomLetters(), d => d)
.attr("fill", "black")
.attr("y", 0)
.call(update => update.transition(t)
.attr("x", (d, i) => i * 16));
const textEnter = textUpdate.enter().append("text")
.attr("fill", "green")
.attr("x", (d, i) => i * 16)
.attr("y", -30)
.text(d => d)
.call(enter => enter.transition(t)
.attr("y", 0));
const textExit = textUpdate.exit()
.attr("fill", "brown")
.call(exit => exit.transition(t)
.attr("y", 30)
.remove());
yield svg.node();
await Promises.tick(2500);
}
}