The end-to-end solution for building and hosting better data apps, dashboards, and reports.
Public
Edited
Oct 3, 2024
17 forks
66 stars
Plot.plot({
marks: [
Plot.dot(penguins,
{x: "flipper_length_mm",
y: "body_mass_g",
fill: "species",
symbol: "species",
opacity: 0.7,
r: 4
})
],
symbol: {legend: true},
facet: {data: penguins, x: "island"},
// color: {legend: true}, // Legend is redundant if already covered by symbol legend!
x: {label: "Flipper length (mm)"},
y: {label: "Body mass (g)"},
grid: true
})
Plot.plot({
marks: [
Plot.rectY(penguins,
Plot.binX({y: "count"},
{x: "flipper_length_mm"}))
]
})
Plot.plot({
marks: [
Plot.dot(penguins,
{x: "flipper_length_mm",
y: "body_mass_g",
fill: "species"})
]
})
Plot.plot({
x: {domain: [150, 250]},
marks: [
Plot.dot(penguins,
{x: "flipper_length_mm",
y: "body_mass_g"}
)
]
})
Plot.plot({
x: {reverse: true},
marks: [
Plot.dot(penguins,
{x: "flipper_length_mm",
y: "body_mass_g"}
)
]
})
Plot.plot({
color: {scheme: "viridis"},
marks: [
Plot.dot(penguins,
{x: "flipper_length_mm",
y: "body_mass_g",
fill: "body_mass_g"})
]
})
Plot.plot({
facet: {data: penguins, x: "species"},
marks: [
Plot.rectY(penguins,
Plot.binX(
{y: "count"},
{x: "flipper_length_mm",
thresholds: 12})
)
]
})
Plot.plot({
x: {label: "Flipper length (mm)"},
y: {label: "Body mass (g)"},
marks: [
Plot.dot(penguins,
{x: "flipper_length_mm",
y: "body_mass_g",
fill: "species"}
)
]
})
Plot.plot({
color: {legend: true},
marks: [
Plot.dot(penguins,
{x: "flipper_length_mm",
y: "body_mass_g",
fill: "species"})
]
})
Plot.plot({
color: {legend: true, scheme: "dark2"},
x: {label: "Penguin body mass (grams)"},
y: {label: "Count"},
marks: [
Plot.rectY(penguins,
Plot.binX(
{y: "count"},
{x: "body_mass_g",
thresholds: 30, // Updates bin number for histogram
fill: "species"}))
]
})
viewof sizeInput = Inputs.range(d3.extent(penguins, d => d.body_mass_g),
{label: "Choose minimum penguin mass (g):",
step: 1})
Plot.plot({
marks: [
Plot.tickY(penguins,
{x: "species",
y: "body_mass_g",
filter: d => d.body_mass_g > sizeInput, // Filter to only include observations where body mass exceeds the value of the sizeInput slider!
stroke: "species"}
)
]
})
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.
