crabs
crabsJS = crabs.map(d => ({
lat: d.Latitude,
site: d["Site "],
sizeMm: d.carapace_width,
airTempC: d.MATA,
waterTempC: d.MATW
}))
// Also access the carapace_width (renamed to sizeMm), MATA (renamed to airTempC), and MATW (renamed to waterTempC)
crabsJS
X
airTempC
Y
sizeMm
Color
#1eb8d0
Size
—
Facet X
—
Facet Y
—
Mark
Auto
Type Chart, then Shift-Enter. Ctrl-space for more options.
viewof pickSize = Inputs.range([0, 100], {label: "Amount", step: 1})
Plot.plot({
x: { label: "Air Temp (C)" },
y: { label: "Carapace Size (mm)" },
marks: [
Plot.dot(crabsJS, {
x: "airTempC",
y: "sizeMm",
stroke: "black",
fill: "purple",
r: pickSize,
opacity: 0.5,
tip: true
})
]
})
Plot.plot({
marks: [Plot.dot(crabsJS, { x: "lat", y: "sizeMm", tip: true })]
})
ML = require("https://www.lactame.com/lib/ml/6.0.0/ml.min.js")
crabsLM = new ML.SimpleLinearRegression(crabsJS.map(d => d.lat), crabsJS.map(d => d.sizeMm))
crabsJS
X
lat
Y
sizeMm
Color
—
Size
—
Facet X
—
Facet Y
—
Mark
dot
Type Chart, then Shift-Enter. Ctrl-space for more options.
Plot.plot({
marks: [
Plot.dot(crabsJS, { x: "lat", y: "sizeMm", tip: true }),
Plot.linearRegressionY(crabsJS, { x: "lat", y: "sizeMm" }),
Plot.frame()
],
x: { label: "Latitude"},
y: { label: "Carapace Size (mm)"}
})
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.
