"hello fred"
42
3+4*7
"Hello." + "My name is Quintin."
"hello" - 7
3 > 7
7 > 3
[ 3, 7, 8 ]
Math.sqrt(3.7 * 4 + 3^4 - 7 * Math.sin( 32 ))
myCalc = Math.sqrt(3.7 * 4 + 3^4 - 7 * Math.sin( 32 ))
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.
{
let myList = []
myList.push( 3+8*4-7 )
myList.push( 4+8 )
return myList
}
{
let count = 1
let numList = []
count = count + 1
numList.push( count )
count = count + 1
numList.push( count )
count = count + 1
numList.push( count )
return numList
}
{
let count = 1
let numList = []
count++
numList.push( count )
count++
numList.push( count )
count++
numList.push( count )
return numList
}
{
let numList = [];
for( let count=2; count<=4; count++ )
{
numList.push( count )
}
return numList
}
Math.random()
Math.floor( Math.random() * 10 )
function myRandom( upperLimit )
{
return Math.floor( Math.random() * (upperLimit + 1) )
}
myRandom( 100 )
points = {
let myArray = []
for( let count = 0; count < 100; count++ )
{
myArray.push( myRandom( 100 ) )
}
return myArray
}
{
const context = DOM.context2d(width, 10)
context.rect(5,5,1,1)
context.stroke()
return context.canvas
}
{
const context = DOM.context2d(100, 100)
for( let xIndex = 0; xIndex < points.length; xIndex += 2 )
{
context.rect( points[ xIndex ], points[ xIndex + 1 ],1,1)
context.stroke()
}
return context.canvas
}
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.
