Public
Edited
May 26
// Declare a variable and output its value
greeting = "Hello, Observable!";
console.log("This will show in the browser console, not here.");
sayHello = function(name) {
return `Hello, ${name}!`;
}
sayHello("Observable User")
fruits = ["Apple", "Banana", "Cherry"];
fruits.map(fruit => `I like ${fruit}`).join(", ")
import { Inputs } from "@observablehq/inputs";
nameInput = Inputs.text({label: "Enter your name", value: "Observable User"})
volume = Inputs.range([0, 100], {label: "Volume", value: 50})
color = Inputs.select(["Red", "Green", "Blue"], {label: "Pick a color"})
Inputs.button("Click me!")
sayHello(nameInput.value)
Type Markdown, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.
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.
