Public
Edited
Apr 27, 2023
Insert cell
Insert cell
1 + 2
Insert cell
Insert cell
The official Markdown reference in Observable is [here](https://observablehq.com/@jonfroehlich/cse412-spr23-using-p5js-in-observable?collection=@jonfroehlich/cse412-spr23)!

image:
![image.png](${await FileAttachment("image.png").url()})
Insert cell
myFavCol = "purple"
Insert cell
Insert cell
viewof yourFavCol = Inputs.color({label: "Favorite color", value: "#4682b4"})
Insert cell
Insert cell
{
let x = 0;
let y = 9;
let z = x + y;
return z;
}
Insert cell
sumOf2s = {
let x = 0;
for( let i = 0; i < 10; i++) {
x += 2;
}
return x;
}
Insert cell
function greet(name){
return `Hello ${name}`;
}
Insert cell
greet("Jon")
Insert cell
console.log("Hello CSE412!");
Insert cell
{
for(let i=0; i< 5; i++){
debugger;
console.log(i + ": " + Date.now() + " ms");
}
}
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