The avatar for @observablehq
Observable
The end-to-end solution for building and hosting better data apps, dashboards, and reports.
Public
Learning Observable
Edited
Oct 2, 2023
3 forks
4 stars
3
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
viewof smoothing = Inputs.range([1, 21], {label: "Smoothing", step: 1})
Insert cell
Plot.plot({
marks: [
Plot.ruleY([0]),
Plot.lineY(aapl, Plot.windowY({x: "Date", y: "Close", k: smoothing, reduce: "mean"}))
]
})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
A mortgage for a house purchased for **${formatMoney(amount)}** at an interest rate of **${interest}%** over **${duration} years** costs a total of **${formatMoney(amount * (1+interest/100) ** duration)}**
Insert cell
<p>We can also use variables within HTML tags, however, for example to change <span style="color:${color}; font-weight:${weight};font-style:${italics}">this text to be styled differently and have different colors</span>. You can change it with the controls below!</p>
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
## Backticks for cell modes
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