Published
Edited
Dec 2, 2020
1 fork
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
import { serialize, rasterize } from "@mbostock/saving-svg"
Insert cell
imageDraft
Insert cell
viewof imageDraft = imageInput({
crossOrigin: "anonymous",
initialUrl: await FileAttachment("image@2.png").url()
})
Insert cell
FileAttachment("image@2.png")
Insert cell
imageProposal
Insert cell
viewof imageProposal = imageInput({
crossOrigin: "anonymous",
initialUrl: await FileAttachment("image@3.png").url()
})
Insert cell
FileAttachment("image@3.png")
Insert cell
import { fileInput, imageInput } from "@mbostock/file-input"
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Math.PI
Insert cell
Insert cell
{
let diameter = 20;
let radius = diameter/2;
let area = Math.PI*(radius**2)
return area;
}
Insert cell
Insert cell
exponent = 10
Insert cell
2 ** exponent
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
forecastType = 'detailedForecast' // 👈 try replacing 'detailedForecast' with 'shortForecast'
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
weatherChart
Insert cell
Insert cell
Insert cell
viewof period = html`<select>
${forecastPeriod.map(p => html`<option>${p.name}</option>`)}
</select>`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell

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.
Learn more