Published
Edited
Sep 19, 2022
viewof table = Inputs.table(cars)
Plot.plot({
marks: [
Plot.barX(cars, Plot.groupY({x: "count"}, {y: "year", sort: {y: "y", reverse: false}})),
Plot.ruleX([0])
]
})
Plot.plot({
marks: [
Plot.barX(cars, Plot.groupY({x: "count"}, {y: "year", sort: {y: "x", reverse: true}})),
Plot.ruleX([0])
]
})
Plot.plot({
marks: [
Plot.dot(cars, {x: "displacement (cc)", y: "economy (mpg)"})
]
})
Plot.plot({
marks: [
Plot.dot(cars, {x: "displacement (cc)", y: "economy (mpg)", stroke:"cylinders",fill: "cylinders"
})
],
color: {
legend: true,
},
})
Plot.plot({
marks: [
Plot.boxX(cars, {x: "cylinders", y: "power", sort: {y: "x"}})
]
})
viewof input = Inputs.select(
["economy (mpg)", "cylinders", "displacement (cc)", "power (hp)"],
{ label: "Select one" }
)
Plot.plot({
marks: [Plot.dot(cars, { x: "weight (lb)", y: input })]
})
cars
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.
