Published
Edited
Sep 19, 2020
6 * 5
{
var subs = 0;
for (var j = 0; j <= 100; ++j) {
subs -= j;
}
return subs;
}
color = "Black"
`My favorite color is ${color}.`
html`<span style="background:purple;">
My favorite language is <i>HTML</i>.
</span>`
md`My favorite language is *C++*.`
html`My favorite color is <i style="background:${color};">${color}</i>.`
state = new Promise(resolu => {
setTimeout(() => {
resolu({resolu: new Date});
}, 2000);
})
state
newd3 = require("d3-fetch@1")
newcountries = (await newd3.tsv("https://cdn.jsdelivr.net/npm/world-atlas@1/world/110m.tsv"))
.sort((a, b) => b.pop_est - a.pop_est) // Sort by descending estimated population.
.slice(43,55) // Take a range.
j = {
let j = 1;
while (true) {
yield ++j;
}
}
`The current value of i is ${j}.`
newdate = {
while (true) {
yield new Promise(resolu => {
setTimeout(() => resolu(new Date), 1000);
});
}
}
newslider = html`<input type=range>`
sliderValue = Generators.input(newslider)
viewof newvalue = html`<input type=range>`
newvalue
import {viewof selection as cars} from "@d3/brushable-scatterplot"
viewof cars
cars
md`${Array.from(new Set(cars.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.
