Public
Edited
Nov 21, 2023
Paused
2 stars
Plot.plot({
marginLeft: 90,
marginBottom: 40,
marks: [
Plot.barX(
species,
Plot.stackX({
x: "Count",
fill: "SpeciesName",
tip: true
})
)
]
})
Plot.plot({
marginLeft: 80,
marginBottom: 90,
color: { legend: true },
x: { tickRotate: -30, label: "Species" },
marks: [
Plot.barY(species.slice(0, 10), {
x: "SpeciesName",
y: "Count",
sort: { x: "y", reverse: true },
fill: (d) =>
d.SpeciesName === jacarandaSpeciesName ? "violet" : "black",
tip: true
}),
Plot.ruleY([0])
]
})
Plot.plot({
marginLeft: 90,
color: { legend: true },
marks: [
Plot.barX(
treeData,
Plot.groupZ({ x: "count" }, { fill: "TreeType", tip: true })
)
]
})
Select a data source…
Type Table, then Shift-Enter. Ctrl-space for more options.
Plot.plot({
marginLeft: 90,
marginBottom: 50,
marks: [
Plot.barX(
treeData,
Plot.groupY(
{ x: "count" },
{
y: "TreeType",
fill: (x) => x.SpeciesName,
stroke: (x) =>
x.SpeciesName === jacarandaSpeciesName ? "black" : "transparent",
tip: true,
order: "sum"
}
)
)
]
})
Plot.plot({
marks: [
Plot.rectY(
treeData,
Plot.binX(
{ y2: "count", filter: null },
{
x: "TreeHeight",
tip: true,
thresholds: "sturges",
fill: (x) =>
x.SpeciesName === jacarandaSpeciesName ? "violet" : "black"
}
)
),
Plot.ruleY([0])
]
})
dbscanner = {
const dbscanner = jDBSCAN()
.eps(epsilon)
.minPts(minPoints)
.data(jacarandaData);
dbscanner();
return dbscanner;
}
crs = new proj4leaflet.CRS(
"EPSG:7856",
"+proj=utm +zone=56 +south +ellps=GRS80 +towgs84=0,0,0,0,0,0,0 +units=m +no_defs +type=crs"
)
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.
