The end-to-end solution for building and hosting better data apps, dashboards, and reports.
Published
Edited
Oct 30, 2019
1 fork
67 stars
files = [
FileAttachment("2014-acs5-B01003-state-01.json"),
FileAttachment("2014-acs5-B01003-state-04.json"),
FileAttachment("2014-acs5-B01003-state-45.json")
]
promises = files.map(file => file.json())
datasets = Promise.all(promises)
{
let total = 0;
const datasets = await Promise.all(files.map(file => file.json()));
for (const dataset of datasets) {
for (let i = 1; i < dataset.length; ++i) {
total += +dataset[i][0];
}
}
return total;
}
{
let total = 0;
for (const file of files) {
const dataset = await file.json();
for (let i = 1; i < dataset.length; ++i) {
total += +dataset[i][0];
yield total;
}
}
return total;
}
{
let total = 0;
for (const promise of files.map(file => file.json())) {
const dataset = await promise;
for (let i = 1; i < dataset.length; ++i) {
total += +dataset[i][0];
yield total;
}
}
return total;
}
{
let total = 0;
for await (const dataset of files.map(file => file.json())) {
for (let i = 1; i < dataset.length; ++i) {
total += +dataset[i][0];
yield total;
}
}
return total;
}
async function* foo() {
for (let i = 1; i <= 1000; ++i) {
await Promises.delay(100);
yield i;
}
}
foo()
{
const generator = foo();
const iterator = generator[Symbol.asyncIterator]();
while (true) {
const {done, value} = await iterator.next();
if (done) return;
yield value;
}
}
function* altFoo() {
for (let i = 0; i < 1000; ++i) {
yield Promises.delay(100, i);
}
}
altFoo()
function* fastFoo() {
for (let i = 0; i < 1000; ++i) {
yield i;
}
}
{
const w = Math.min(640, width);
const h = 320;
const r = 20;
const t = 1500;
const svg = d3.select(DOM.svg(w, h));
const circle = svg.append("circle").attr("r", r).attr("cx", w / 4).attr("cy", h / 4);
while (true) {
yield svg.node();
await circle.transition().duration(t).attr("cy", h * 3 / 4).end();
await circle.transition().duration(t).attr("cx", w * 3 / 4).end();
await circle.transition().duration(t).attr("cy", h * 1 / 4).end();
await circle.transition().duration(t).attr("cx", w * 1 / 4).end();
}
}
d3 = require("d3@5")
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.
