Public
Edited
Nov 9, 2022
Insert cell
Inputs.table(cars)
Insert cell
Plot.plot({
marks: [
Plot.dot(cars, {x: "power (hp)", y: "weight (mpg)"})
]
})
Insert cell
Plot.dot(cars, { x: "power (hp)", y: "economy(mpg)" }).plot()
Insert cell
西游记 = [
{颜值: 100, 人物: "孙悟空"},
{颜值: 90, 人物: "猪八戒"},
{颜值: 80, 人物: "沙和尚"},
{颜值: 70, 人物: "唐僧"}
]
Insert cell
Plot.barX(西游记, {x: "颜值", y: "人物",fill:"人物" }).plot() // bars extends form x = 0
Insert cell
Plot.dot(西游记,{x: d => d.颜值 * 100, y: d => d.人物}).plot()
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