Published
Edited
Oct 6, 2020
d3 = require('d3');
html `<button id="coolButton">Click me</button>`
viewof ButtonHandler =
{
d3.select('#coolButton')
.on('click', () =>
{
console.log('functionStart');
let pointlessComputation = 0;
for (let i = 0; i < 1000000000; i++)
{
// takes a couple of seconds on my machine
pointlessComputation += i;
}
console.log('functionEnd');
});
}
html `<button id="coolAsyncButton">Click me (async)</button>`
viewof ButtonHandlerAsync =
{
d3.select('#coolAsyncButton')
.on('click', () =>
{
console.log('functionStart');
setTimeout(() =>
{
// After 2000 milliseconds log 'funtionEnd'
console.log('functionEnd');
}, 2000);
});
}
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.
