The avatar for @arturo2r
Arturo Rebolledo
Economics students and Frontend Developer .
Public
Edited
Aug 12, 2023
1
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
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
Insert cell
Insert cell
Insert cell
Insert cell
crabsJS
X
sizeMM
Y
—
Color
airTempC
Size
—
Facet X
—
Facet Y
—
Mark
Auto
Type Chart, then Shift-Enter. Ctrl-space for more options.

Insert cell
Plot.plot({
color: { legend: true },
caption: "Cangrejos y más cangrejos, que se puede esperar de ellos",
width,
marks: [
Plot.rectY(
crabsJS,
Plot.binX({ y: "count" }, { x: "sizeMM", fill: "airTempC", tip: true })
),
Plot.ruleY([0])
]
})
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
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