Public
Edited
Jul 20, 2023
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
HTL-MAR-FiddlerCrabBodySize.csv
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
crabs
Insert cell
Insert cell
Insert cell
Object.keys(crabsJS[0])
Insert cell
Insert cell
Insert cell
crabsJS = crabs.map(d => ({
lat: d.Latitude,
site: d["Site "],
sizeMm: d.carapace_width,
airTempC: d.MATA,
waterTempC: d.MATW
}))
Insert cell
Insert cell
Insert cell
Insert cell
crabsJS
X
airTempC
Y
sizeMm
Color
Size
Facet X
Facet Y
Mark
Auto
Type Chart, then Shift-Enter. Ctrl-space for more options.

Insert cell
Plot.plot({
x: {label: "Air temperature (C)"},
marks: [Plot.dot(crabsJS, { x: "airTempC", y: "lat", stroke: color, tip: true })]
})
Insert cell
viewof color = Inputs.color({label: "Favorite color", value: "#4682b4"})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
ML = require("https://www.lactame.com/lib/ml/6.0.0/ml.min.js")
Insert cell
crabsLM = new ML.SimpleLinearRegression(
crabsJS.map((d) => d.lat),
crabsJS.map((d) => d.sizeMm)
)
Insert cell
the slope is ${crabsLM.slope.toFixed(3)}
Insert cell
crabsJS
X
lat
Y
mean
sizeMm
Color
Size
Facet X
Facet Y
Mark
dot
Type Chart, then Shift-Enter. Ctrl-space for more options.

Insert cell
Plot.plot({
marks: [
Plot.dot(
crabsJS,
{ x: "lat", y: "sizeMm", tip: true }),
Plot.linearRegressionY(crabsJS, {x: "lat", y: "sizeMm"})
]
})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell

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.
Learn more