The avatar for @maegul
maegul
Neuroscience PhD ... et alia
Published
Edited
Apr 22, 2018
Fork of Pt II - Observable Magic - Interactivity and Content
1 star
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
a = 15
Insert cell
b = 24
Insert cell
myVariable = {
var sum = a+b
return sum
}
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
md`
## This is a Heading

### This is a lesser heading

It's the amount of hashes that determines the size and level of the heading.
`
Insert cell
md`
* A dot point
* And another dot point
* [A link to google](www.google.com)

\`\`\`javascript
var mySyntaxHighlighting = true + markdown

return "Woot ... syntax highlighting"
\`\`\`
`
Insert cell
Insert cell
Insert cell
Insert cell
// From the budget model above (the projection after 1 year)
projection
Insert cell
// Variable | string return

md`
The projection of your total balance in a year is:
**${projection + 555}**
`
Insert cell
Insert cell
Insert cell
Insert cell
tex.block`
\int \frac{x+1}{x^{2} + 3x} dx
`
Insert cell
md`
This is ${tex`\LaTeX`} within markdown ... so is this:

${tex.block`\int \frac{x+1}{x^{2} + 3x} + ${projection}`}
`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
DOM.range(100, 230, 2)
Insert cell
DOM.select(['beer', 'pizza'])
Insert cell
Insert cell
Insert cell
Insert cell
import {slider} from "@jashkenas/inputs"
Insert cell
slider({
min: 0,
max: 100,
step: 1,
value: 10,
title: "Integers",
description: "Integers from zero through 100"
})
Insert cell
Insert cell
Insert cell
Insert cell
viewof mySlider = slider({
min: 0,
max: 100,
step: 1,
value: 13,
title: "Integers",
description: "Integers from zero through 100"
})
Insert cell
Insert cell
my_dropDown
Insert cell
mySlider + 1000
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