Public
Edited
May 29, 2023
Plot.plot({
marks: [
Plot.dot(cars, {x: d => d["power (hp)"] / d["weight (lb)"], y: "economy (mpg)",
stroke: "cylinders", r: "weight (lb)",
title: d => d["name"] + ", " + d["cylinders"]})
],
color: {
domain: [3, 4, 6, 8],
legend: true
}
})
tdf
Type Table, then Shift-Enter. Ctrl-space for more options.
Plot.plot({
marks: [
Plot.ruleY([0]),
Plot.lineY(industries, {x: "date", y: "unemployed", z: "industry", title: "industry"})
]
})
Plot.plot({
marks: [
Plot.lineY(alphabet, {x: "letter", y: "frequency", sort: {x: "y", reverse: true}}),
Plot.ruleY([0])
]
})
Plot.plot({
marks: [
Plot.lineY(laserStrikes, Plot.groupX({y: "count"}, {x: "year"})),
Plot.ruleY([0])
]
})
import {Plot} from "@mkfreeman/plot-tooltip"
import {tdf} from "@observablehq/plot-line"
import {driving} from "@observablehq/plot-line"
import {laserStrikesCleaned as laserStrikes} from "@observablehq/excel-add-columns"
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.
