Public
Edited
Apr 8, 2023
1 fork
pizzaorders
Type Table, then Shift-Enter. Ctrl-space for more options.
Plot.plot({
marks: [
Plot.dot(pizzaorders, {x: "orderDate", y: "name", fill: "category", r:2
})
],
color: {
scheme: "category10",
legend: true,
},
marginLeft: 200,
width
})
pizzaorders
X
orders
Y
state
Color
category
Size
—
Facet X
category
Facet Y
name
Mark
bar
Type Chart, then Shift-Enter. Ctrl-space for more options.
Plot.plot({
marks: [
Plot.barY(pizzaorders, {x: "category", y: "total"})
],
width
})
Plot.plot({
marks: [
Plot.barY(pizzaorders, {x: "category", y: "orders"})
],
marginLeft:100
})
Plot.plot({
marks: [
Plot.ruleY([1]),
Plot.dot(pizzaorders,
Plot.normalizeY({x: "unit_price", y: "orders", stroke: "category", title: "category"})),
],
y: {
grid: true,
label: "orders",
//tickFormat: (f => x => f((x - 1) * 100))(d3.format("+d"))
},
color: {
legend:true
},
width
})
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.
