Published
Edited
Aug 7, 2020
3 stars
2 * 3 * 7
{
let soma = 0;
for (let i = 0; i <= 100; ++i) {
soma += i;
}
return soma;
}
cor = "red"
`Minha cor preferida, em inglês, é ${cor}.`
html`<span style="background:yellow;">
Minha linguagem preferida é <i>HTML</i>.
</span>`
md`Minha linguagem preferida é *Markdown*.`
html`Minha cor preferida, em inglês, é <i style="background:${cor};">${cor}</i>.`
status = new Promise(resolve => {
setTimeout(() => {
resolve({resolvido: new Date});
}, 2000);
})
status
d3 = require("d3-fetch@1")
países = (await d3.tsv("https://cdn.jsdelivr.net/npm/world-atlas@1/world/110m.tsv"))
.sort((a, b) => b.pop_est - a.pop_est) // Ordena a população estimada, de forma decrescente.
.slice(0, 10) // Pegue os dez maiores.
i = {
let i = 0;
while (true) {
yield ++i;
}
}
`O valor atual de i é ${i}.`
data = {
while (true) {
yield new Promise(resolve => {
setTimeout(() => resolve(new Date), 1000);
});
}
}
controleDeslizante = html`<input type=range>`
valorControleDeslizante = Generators.input(controleDeslizante)
viewof valor = html`<input type=range>`
valor
import {viewof selection as carros} from "@d3/brushable-scatterplot"
viewof carros
carros
md`${Array.from(new Set(carros.map(c => c.name)))
.sort()
.map(c => `* <a target="_blank" href="https://google.com/search?tbm=isch&q=${escape(c)}">${c}</a>`)
.join("\n")}`
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.
