Public
Edited
Jul 13, 2023
4 forks
{
let dataset = [ [6,61,27], [84,41,26], [82,84,52], [81,37,46], [9,61,91], [95,12,34], [42,67,13], [7,88,27], [86,30,3],
[38,52,73], [49,97,30], [51,40,59], [20,6,69], [29,14,6], [22,35,17], [70,70,41], [70,87,97], [25,2,89], [26,83,29], [1,21,55] ];
let n = dataset.length;
let width = 600;
let height = 150;
let svg = html`<svg></svg>`
d3.select(svg)
.attr("width",width)
.attr("height",height)
// CODE HIER
return svg;
}
{
var n = 20;
let width = 500;
let height = 500;
let svg = html`<svg></svg>`
d3.select(svg)
.attr("width",width)
.attr("height",height)
let breiten = Array.from({length: n}, () => 200 + Math.ceil(Math.random() * 100)); // Zufällige Breite in [201,300]
// CODE HIER
while (true) {
// CODE HIER
yield svg;
await Promises.tick(1000); // Warte 1 Sekunde
}
}
{
var n = 80;
let width = 800;
let height = 200;
let svg = html`<svg></svg>`
d3.select(svg)
.attr("width",width)
.attr("height",height)
let dataset = [];
// CODE HIER
while (true) {
// CODE HIER
yield svg;
await Promises.tick(100); // Warte 0,1 Sekunde
}
}
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.
