Engineering @huggingface 🤗. Data visualization enthusiast. Creative technologist. Open for collaborations.
yield 42
42
{
let i = 0;
while (true) {
yield Promises.delay(1000, ++i);
}
}
{
let i = 0;
while (true) {
await Promises.delay(1000);
yield ++i;
}
}
tick = {
while (true) {
yield Promises.delay(1000);
}
}
(tick, md` Este número se atualiza uma vez por segundo: \`${Math.random()}\``)
{
const div = html`<div style="transition:background 250ms linear;height:33px;">`;
yield div;
while (true) {
div.style.background = "red";
yield Promises.delay(1000, div);
div.style.background = "green";
yield Promises.delay(1000, div);
div.style.background = "blue";
yield Promises.delay(1000, div);
}
}
minutes = {
let i;
yield (i = 0);
while (true) yield Promises.delay(60000, ++i);
}
minutes // Shift-Enter or hit play to rerun this cell.
{
let i = 0;
while (true) {
yield ++i;
}
}
{
yield 1;
yield 2;
yield 3;
return "ignored"; // It’s ignored!
}
yield* [1, 2, 3]
yield* new Set([1, 2, 3])
{
while (true) {
yield* range(0, 100);
}
}
input = html`<input type=range>`
Generators.observe(next => {
// Gera (Yield) o valor de entrada inicial
next(input.value);
// Define um event listener para gerar (yield) o valor de entrada do próximo valor.
const inputted = () => next(input.value);
// Anexa o event listener.
input.addEventListener("input", inputted);
// Quando o generator é descartado, desliga o event listener.
return () => input.removeEventListener("input", inputted);
})
Generators.input(input)
viewof value = html`<input type=range>`
value
{
try {
for (let i = 0; i < 100; ++i) {
yield i;
}
} finally {
console.log("terminated!");
}
}
function* range(start, stop) {
start = Math.floor(start);
stop = Math.ceil(stop);
while (start < stop) yield start++;
}
range(0, 100)
width
now
Math.sin(now / 1000)
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.
